0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-11-29 17:36:49 +01:00
Commit Graph

232 Commits

Author SHA1 Message Date
LB Johnston
b66d2232d0 remove needless stylelint disables 2022-07-06 19:23:38 +10:00
PaarthAgarwal
79a212b4b5 added prefix w- before header classes
- refine existing scss to use classes & remove unused scss
2022-07-06 19:13:19 +10:00
PaarthAgarwal
3b9c9fce5b adopt the shared header include in the dashboard (home) view 2022-07-06 18:30:08 +10:00
Bernd de Ridder
013ff2179b Update human-readable-date with accessible tooltip
- resolves #8697
2022-06-29 11:02:16 +10:00
PaarthAgarwal
87172278a9 Remove old legacy breadcrumbs completely 2022-06-28 22:13:06 +10:00
PaarthAgarwal
8c2c4a1098 Add new breadcrumbs to page explorer
- added test and updated existing test for breadcrumbs-next
- fix background issue so that the breadcrumbs work correctly on any background
2022-06-15 17:27:33 +10:00
LB Johnston
9cb0c96001 fix issue with spinner icon & longrunning active state
- using padding meant the icon would visually spin 'wobbly'
- button content is no longer centre aligned so button longrunning active state should not be either
- fixes #8615
2022-06-13 15:29:55 +01:00
Matt Westcott
d641f6a9ac Restore previous styles for status tags in title cell 2022-06-08 17:35:40 +01:00
Matt Westcott
a3098acd53 Move parent page row into the <tbody> element
The general-purpose listing include put it in the `thead` to handle the explorer page design (where the parent page appears above the header row) - it isn't really meaningful for the chooser view to do that.
2022-06-08 17:35:40 +01:00
jacobtoppm
a72b89b38d Tweak border: none to border: 0 to fix linting 2022-06-01 17:19:17 +01:00
Tidiane Dia
5af282625d Make images listing style consistent across views 2022-06-01 16:50:25 +01:00
Steve Stein
910844eb30
Implement redesign of the Workflow Status dialog, fixing accessibility issues. Fix #8476 (#8538)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-06-01 16:21:11 +01:00
Matt Westcott
55fdafdfe6 Make radio buttons / checkboxes display vertically under Django 4.0
Fixes #8190
Django 4 changed the rendering of radio button / checkbox lists to nested divs rather than ul/li - see 5942ab5eb1. This change simply applies the existing li styles to second-level divs.
2022-05-25 08:31:11 +10:00
Steve Stein
6343a9558c
Implement new reusable dialog component with a11y-dialog (#8541)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-05-20 15:02:32 +01:00
Steve Stein
851ec9a5c1 Apply full header breadcrumb spacing fixes for all templates (#8471, #8491) 2022-05-13 17:09:01 +01:00
Thibaud Colas
7129ccefc9 Remove logical properties compatibility styles for Safari 13
- update caniuse-db & browserslist
- resolves #8124
2022-05-11 21:41:15 +10:00
Steve Stein
20d9fd145e
Design review updates - Remove tab animation, adjust tab spacing and high contrast support, sidebar alignment (#8452) 2022-04-29 13:51:42 +01:00
Karl Hobley
ad8e8034da
Header styling tweaks (#8438)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-04-29 12:59:52 +01:00
Steve Stein
8efb235695
Restyle badge for tab errors (#8446) 2022-04-28 13:49:54 +01:00
Steve Stein
db5f4106db
Sidebar animation fixes (#8423). Fix #8311
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>

- Animations – The close animation for sub-menus doesn't seem to play when the menu is expanded - Made it so sub menu's stay open when the menu is expanded and collapsed
- Animations – The account menu seems to have a different tween animation to the rest of the menu. Causing it to do a weird thing when you collapse the menu while the account menu is open
- Animations – The avatar suddenly jumps to the right when you collapse the menu
- Animations – The Bird seems to have two hover states (try slowly moving your mouse cursor from top to bottom and you'll see it's wing appears before the hover animation is triggered). Not sure if this is intended behaviour.
- Accessibility – Focus order is incorrect on the mobile version (it should be possible to move to the sidebar after having toggled it)
- Try and fit more letters in to the sidebar menu items by reduce the padding / margin on the right side of the arrow, and reduce the gap between the icon and the text a tiny bit
- Make it so when you have a menu open (e.g. Bakery misc) and you click the slim sidebar icon, the menu stays open as the menu gets slim.
- Add a label to the sidebar’s `<aside>`
2022-04-28 02:14:18 +01:00
Tidiane Dia
94b20b418a
More actions dropdown button toggling on bulk actions (#8057)
* Hide more actions dropdown button on listing pages when performing actions in bulk

* Add toggleMoreActionsDropdownBtn function

* Fix lint issues

* Use if/else statement instead of ternary operator to avoid lint warning
2022-04-25 14:53:13 +01:00
Steve Stein
90ccbff15b
Add comment notifications switch back into tabs (#8392) 2022-04-22 13:05:13 +01:00
Tidiane Dia
c136f461bc Add duplicate detection to multiple image upload view
Add utility function to find an image's potential duplicates

Add logic to detect duplicates on multiple images upload view

Add template shown when a user is prompted to confirm a duplicate upload

Add client-side logic to confirm a duplicate upload

Add/update styles

Add tests for duplicate image uploads

Index Image file_hash field

Ensure that a user can choose an image from duplicates returned by find_image_duplicates

Use CSS classes instead of HTML elements to hide edit form on duplicate upload

Add ImagesPermissionPolicy helper to retrieve the permission policy dynamically

This allows test cases that override the base image model to pick up the corresponding permission policy, should they need it.

Remove usage of sibling selector

Use wagtail image templatetag to generate image

Renamed ImagesPermissionPolicy to ImagesPermissionPolicyGetter

Fail loudly when setting permission policy and a wromg image model is provided

Add decorator to disconnect a signal's receiver during a test execution and use it in get_image_model tests

Improve warning message on duplicate upload in multiple upload view

Show matching form when confirming a duplicate upload
2022-04-13 17:59:51 +01:00
Steve Stein
f323d88765
Move page meta information from the header to a new status side panel component inside of the page editing UI (#8285)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-04-13 03:21:51 +01:00
Steve Stein
629ced01ca
Page editor underline tabs (#8266)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-04-12 16:11:08 +01:00
Steve Stein
8bbf41627b
Implement new slim page editor header with breadcrumb (#8231)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
Co-authored-by: Dan Braghis <dan@zerolab.org>
Co-authored-by: Karl Hobley <karl@kaed.uk>
2022-04-08 17:36:47 +01:00
Thibaud Colas
4dc5f3c595 Remove legacy sidebar, refactoring slim sidebar implementation 2022-04-08 11:51:09 -04:00
Matt Westcott
97e781e31c Renumber Wagtail 2.17 to 3.0
As per discussion on https://github.com/wagtail/wagtail/discussions/7732, the changes in the upcoming release (sidebar redesign, removal of hallo.js, module reorganisation) warrant a version bump to 3.0 if we're following semantic versioning.
2022-03-31 06:38:27 +10:00
Steve Stein
229fbf476a
Sidebar style updates (#8118)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-03-23 03:27:12 +00:00
PaarthAgarwal
a412dcc8d5 styles - disable text-transform property-disallowed-list for required usage 2022-03-22 08:24:52 +10:00
PaarthAgarwal
255d5e9b03 removed redundant text-transform instances
removed page-specific overrides css from importing
2022-03-22 08:11:41 +10:00
Thibaud Colas
14280ad7ea
Convert all UI code to CSS logical properties (#8051)
- Rewrite all styles to use logical properties
- Update Stylelint configuration to include logical properties checks
2022-03-15 13:21:06 +00:00
PaarthAgarwal
4b07e4214a
Remove most uppercased text styles from admin UI. Fix #7624 (#8111)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-03-15 12:07:07 +00:00
Steve Stein
5996c5dd29
Switch icons implementation to SVG, with checkbox improvements (#8054) 2022-03-07 17:06:19 +00:00
LB Johnston
5c01ecfa94 remove Hallo styles 2022-03-02 20:15:33 +10:00
Thibaud Colas
9ecc105178 Remove legacy browser styles 2022-02-15 16:31:57 +00:00
Thibaud Colas
af942a27e4
Reformat codebase with Prettier (#7912)
- Automated reformatting
- Manually change code where Prettier reformatting causes issues
- Revert "Disable Prettier formatting in CI for now"
2022-02-04 11:57:55 +00:00
Thibaud Colas
ee15eec511 Switch all Node tooling from Gulp to Webpack, with needed code changes
- Remove gulp code and docs
- Add base CSS & SCSS processing in Webpack
- Make sure Sass files use paths that can be resolved by Webpack
- Use faster source map generation
- Clean up build scripts
- Make sure Storybook can process Sass
- Switch away from web fonts (more work needed)
2022-02-01 07:36:17 +10:00
Thibaud Colas
23bc6b2670 Upgrade to latest Sass and stylelint configuration, with needed refactorings
- Tweak stylesheets for compatibility with latest stylelint configuration
- Move stylelint config to JS for ease of copying rules with main config
- Enforce scss/no-global-function-names by refactoring code with sass-migrator
- Run Sass code through sass-migrator
- Change stylelint configuration and code to enforce font-family-no-missing-generic-family-keyword
- Manually switch to math.div where migrator used * 0.5
2022-02-01 07:36:17 +10:00
Dan Braghis
76ad7da450 Update move page breadcrumb 2022-01-19 22:22:40 +00:00
Dan Braghis
9c6dace720 Tidy up breadcrumb display in a .tab-merged context
e.g. the ModelAdmin InspectView
2022-01-19 22:22:40 +00:00
Dan Braghis
411d3b00d3 Make breadcrumbs styling backwards compatible 2022-01-19 22:22:40 +00:00
Dan Braghis
a8c4d578fe
Add locale switcher in the page chooser 2022-01-19 13:13:33 +00:00
Jason Attwood
10f9de2459 Fix Dropdown issues in windows High contrast mode
- Fixes #7450
2022-01-16 14:09:45 +10:00
Jason Attwood
a0e55cedee Fix comment buttons not displaying correctly in high contrast mode
- fixes #7459
2022-01-15 23:41:42 +10:00
Shariq Jamil
28d9ded998 Add border to help/warning blocks for high contrast mode
- ensures the content has visible separation in windows high contrast mode
- fixes #7447
2022-01-15 23:37:05 +10:00
Krzysztof Jeziorny
8fa614eaf7 Render horizontal listing as a flex container
- Don't set fixed height on listed images
- Improve display of image listing for long image titles
2022-01-15 22:21:46 +10:00
Tidiane Dia
bc7e116c75 Style move breadcrumb 2022-01-14 17:07:50 +00:00
Dan Braghis
6f5fa46c16 Include the locale label in explorer root 2022-01-13 10:55:28 +00:00
Martin Coote
f8d76b4bd1
Improve implementations of visually-hidden text in explorer and main menu toggle (#5793). Fix #5269
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-01-13 07:42:28 +00:00
Wicked
88c7d46282
Improve the visibility of field error messages, in Windows high-contrast mode and out (#7663) Fix #7241
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-01-13 06:46:35 +00:00
Thibaud Colas
7e4745fd38 Add mobile support for sidebar sub-panels 2022-01-12 16:46:08 +00:00
Thibaud Colas
6db5561044 Fix sidebar getting obscured by messages banners 2022-01-12 16:46:08 +00:00
Vu Pham
0055be331b Modify responsive size for buttons on mobile
- fixes #6618
2022-01-08 21:30:14 +10:00
Tidiane Dia
2a3304fab7 Update breadcrumb dropdown button style 2022-01-07 16:23:17 +00:00
Tidiane Dia
bb04093f91 Add icon-only dropdown class and style it 2022-01-07 16:23:17 +00:00
Tidiane Dia
14bfbcc5b8 Set dropdown font-size directly in dropdown_item class 2022-01-07 16:23:17 +00:00
Tidiane Dia
dcd1b116b2 Display header buttons in page edit breadcrumb 2022-01-07 16:23:16 +00:00
Kevin Gutiérrez
131cd076b7 Change spin animation name 2021-11-18 07:05:53 +10:00
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
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
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
Karl Hobley
33af79a1c4 Initial work on new sidebar react/css 2021-06-10 14:18:19 +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
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
Simon Evans
485a248af8 Correctly show comment icons on hover 2021-04-20 18:25:30 +01:00