Wykres commitów

158 Commity (e6f7c623607b9f7b766024be596b47e78057eaa7)

Autor SHA1 Wiadomość Data
Shohan 8033078d6c [lint] Fix lint errors (#7608) 2021-10-15 16:51:18 +01:00
Dan Braghis 57b0d2c2d7 Improve image listing checkbox alignment
Co-Authored-By: Thibaud Colas <thibaudcolas@gmail.com>
2021-10-15 16:51:18 +01:00
Dan Braghis 247bfe883f Further tidy up following code review
Co-Authored-By: Thibaud Colas <thibaudcolas@gmail.com>
2021-10-15 16:51:18 +01:00
Dan Braghis d19e1b4380 Tidy up based on code review 2021-10-15 16:51:18 +01:00
Dan Braghis 2688bb062c Extract bulk actions styles to own component
_listing.scss still has a couple of references to bulk actions, but they quite nested so best left in there
2021-10-15 16:51:18 +01:00
Shohan 9c5d0a2a26 Bulk actions - action bar UI fixes (#7403)
* [fix] Fix transform transition of action bar

* [refactor] Increase spacing in action bar, consistent with the designs

* [fix] Make button width fixed, with proper notes to accessibility

* [refactor] Decrease padding and border radius, remove borders from buttons, align action bar with titles

* [refactor] Remove border from more button and decrease font weight of button label
2021-10-15 16:51:18 +01:00
Shohan d773e9b4d2 [feat] Add bulk action ui to images listing 2021-10-15 16:51:18 +01:00
Shohan 48e9508fc1 [refactor] Refactor based on review comments
Changed following
- Use data- attributes to select elements instead of using classes
2021-10-15 16:51:18 +01:00
Shohan d2ce53903c [refactor] Refactor based on review comments
Changed following
- action bar now uses translate for animation instead of changing layout
- action bar is now hidden from both text readers and keyboard navigation when it is out of view
- css now doesn't use elements for styling
- 'Show all in listing' is now a button instead of an <a>
- Changed aria labels to more suitable and meaningful ones
2021-10-15 16:51:18 +01:00
Shohan d5481b0df5 [fix] Fix small ui issues and inconsistencies in the action bar
Fixed following
- Fixed the transition time of the action bar
- Fixed the sudden jerk due to text change in the action bar
- select all text in the action bar now appears only if there are more objects to display
2021-10-15 16:51:18 +01:00
Shohan b7f24a2d81 [refactor] Refactor existing bulk action code for reusability 2021-10-15 16:51:18 +01:00
Shohan 75764a99e7 [refactor] Capitalise 'More' text using css rather than rendering uppercase text in html 2021-10-15 16:51:18 +01:00
Shohan 263d652a61 [fix] Fix css issues regarding footer and bulk action buttons
Fixed following
- The text color on the bulk action buttons used to turn white on hover. Now, the text color changes acoordingly
- Changes to footer css changed caused changes in some unwanted places. Fixed that by namespacing the css changes
2021-10-15 16:51:18 +01:00
Shohan 020f8dcfaf [feat] Move actions bar to footer and ad bulk actions to search page
Added following
- Add 'More' dropdown if there are more than 4 bulk actions
- Add bulk actions to 'Pages search' page

Changed following
- Move actions bar from headers to footer
2021-10-15 16:51:18 +01:00
Shohan 403cd5eb29 [feat] Add 'Select all pages in listing' support 2021-10-15 16:51:18 +01:00
Shohan f875484f73 [feat] Add support for filters and bulk actions (del, pub, and unpub)
Added following
- Add support for filters
- Add bulk delete, publish and unpublish actions (views and templates)
- Add search textbox to get filtered results
- Add view to get count of pages corresponding to a set of given filters
2021-10-15 16:51:18 +01:00
Shohan 64a1d7299f [feat] Add bulk actions in page listing
Added following
- Add bulk action checkboxes (non functional), actions, filters in page listing (non functional)
- Add search bar in page listing (non functional)
2021-10-15 16:51:18 +01:00
Shariq Jamil c4422b2bec add border to comments dropdown
- for windows high contrast mode
- fixes #7458
2021-10-15 23:25:09 +10:00
Thibaud Colas b56d27d1a1 Fix checkboxes appearing as always checked in Windows high contrast mode 2021-10-15 06:59:51 +10:00
Thibaud Colas c46001604b Improve checkbox keyboard focus styles without changing page layout 2021-10-15 06:59:51 +10:00
Sakshi Uppoor da1e4d9a99
Fix toggle switch bug in high-contrast mode (#7561)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2021-10-08 22:32:55 +01:00
Dmitrii F 932762c9f1 windows high contrast mode - multiple fixes
- fix search header field border in Windows High Contrast mode
- fix tab-nav active in Windows High Contrast mode
- add border for c-sf-button. This fix view in WHC mode.
- add justify-content - center for better view on mobile devices.
2021-10-07 15:59:14 +10:00
Matt Westcott 718232ead4 Better styling for snippets 'last updated' link 2021-10-04 13:49:55 +01:00
Desaiakshata 997ac738b0 dropdown - improve focus and high contrast mode visibility
- Update _dropdown.legacy.scss
- improvement to existing styles for dropdown/up button on focus and windows high contrast mode
- see #7366
2021-09-30 08:12:00 +10:00
amychan331@yahoo.com 218e728f34 Make hamburger menu a button for tab accessibility
- Adding type to button element
- Co-authored-by: Dan Braghis <dan@zerolab.org>
- fixes #7327
2021-09-19 14:18:34 +10:00
Krzysztof Jeziorny cf064f2b99 Fix width on comment notifications dropdown
- Other languages' word can break the dropdown's layout
2021-09-07 20:54:43 +10:00
Desaiakshata 22cdd89b68 Fix Window high contrast mode - tag field
-edit background color for form input field-forced color mode
2021-09-07 20:11:00 +10:00
FDGod99 c2347a6d35 fix - high-contrast mode - sidebar needs visual separation
- Due to how high-contrast mode works, there was no visual separation between the sidebar and the main content, adding a transparent border resolves this without having any visual impact in non-high contrast mode
- fixes #7456
2021-09-01 08:02:42 +10:00
Karl Hobley bb7620f445
Frontend improvements for new slim sidebar (#7469)
* Fix left padding not changing fast enough

* Make all icons stay in a fixed Y position

So they don't move when you hover

* Make the Wagtail a bit bigger in collapsed mode

* Fix position of search icon when expanding/contracting menu

* Animation refinements

* Fix gap between icon and text changing for legacy icons during collapse

* Only peek the menu if the mouse hovers over a menu

This fixes an issue where peeking wouldn't happen if you collapsed the
menu and then hovered over a menu item without the mouse leaving the
sidebar. It now always peeks when the user hovers the menu item.

But we still want to avoid it peeking when the user clicks the collapse
button, so I've moved the mouse enter/leave handlers to a sub-element
that doesn't include this button.

* Peek the sidebar on focus

Allows the sidebar to open when it receives keyboard focus, and stops it
annoyingly closing while you are typing a search query.

* Remove the start peeking timeout
2021-08-31 12:00:29 +01:00
Seb a9f13d2dfb Apply list styles for MultipleChoceFields 2021-08-24 08:34:40 +10:00
Dmitrii Faiazov fb66c1fd17 Styling for Windows high contrast
- add media queries for icons & logos
- fix issue with color problems
2021-08-23 20:15:08 +10:00
Karl Hobley 8413d00bdd Spelling fixes 2021-08-06 20:11:30 +01:00
Storm Heg 952264a2ab
Slim sidebar: remember collapsed state 2021-07-23 10:47:50 +01:00
Brandon Murch 5bc1c1832e
Fix delete button color 2021-07-20 18:41:04 +01:00
Kevin Gutiérrez 4eb7c2c019 Change spin animation name (#7299)
The animation name `spin` is too generic, and it can be easily override by other libraries (eg. the code used in (django-json-widget)[https://github.com/jmrivas86/django-json-widget/blob/master/django_json_widget/static/dist/jsoneditor.min.css]) or by custom code, affecting the saving animation.
2021-07-08 16:29:54 +01:00
Matt Westcott aff898ad8d Prevent comments CSS from overriding custom colours
Fixes #7294. CommentApp/main.scss mistakenly redefined the SCSS colour variables to their Wagtail defaults, overriding the ability to customise them as pe https://docs.wagtail.io/en/stable/advanced_topics/customisation/admin_templates.html#custom-user-interface-colors
2021-07-02 12:06:07 +01:00
Storm Heg 877297f67e
[slim-sidebar] Styling changes 2021-06-23 21:50:33 +01:00
Karl Hobley b756c37731
[slim-sidebar 5] Page explorer (#7192)
* Added separate SidebarPanel component

* Copied explorer implementation

It's going to need a lot of changes

* Initialise the page explorer

* Move page explorer up a bit

* Hook into page explorer navigation

* Make navigate handler replace default button click behaviour

* Update page explorer to use SidebarPanel

* Add swipe in/out transition for page explorer
2021-06-22 13:45:19 +02:00
Storm Heg 2b35464783 sidebar: use darker background color 2021-06-21 14:29:34 +01:00
Storm Heg dec4e9a0a3 Increase slim sidebar width 2021-06-21 14:29:34 +01:00
Karl Hobley 33af79a1c4 Initial work on new sidebar react/css 2021-06-10 14:18:19 +01:00
Karl Hobley e67fb23ea8 Add JS and CSS entrypoints for new sidebar 2021-05-17 11:48:29 +01:00
Coen van der Kamp 95693efc10
Disable options without translated parent. Add help text. (#7171) 2021-05-12 13:49:36 +01:00
jacobtoppm f7bc89c03e Remove teal line under active tab and align tab and comment text better 2021-05-04 10:16:23 +01:00
Jacob Topp-Mugglestone c652e67c5e
Feature/commenting streamfield hover fix (#7131)
* Fix streamfield comment buttons not showing on hover

* Fix hover colour change only happening for some comment buttons
2021-04-28 16:21:16 +01:00
Simon Evans 678e117081
Feature/commenting responsive layout (#7091)
* Improve commenting layout

* Improve mobile layout

* Position comments absolutely on mobile

* Remove mobile state toggle
2021-04-26 11:53:04 +01:00
Simon Evans 05f1eb51aa
Feature/commenting improve notification toggle UI (#7085) 2021-04-23 16:24:27 +01:00
Simon Evans 6c065fad8b Make comment buttons focusable 2021-04-21 14:51:31 +01:00
Karl Hobley dff6942a48 Improved layout of profile picture panel 2021-04-20 18:43:22 +01:00
Simon Evans 471856a52c Feature/commenting add icons (#7046)
* Update commenting icons

* Add draftail commenting icon

* Fix draftail icon hover state and update snapshot
2021-04-20 18:25:30 +01:00