0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-11-30 01:46:24 +01:00
Commit Graph

262 Commits

Author SHA1 Message Date
Thibaud Colas
53dded86c8 Update base Draftail/TextField form styles to match designs 2022-08-10 15:15:20 +10:00
Thibaud Colas
c620e58c86 Fix keyboard focus not showing the chooser‘s actions 2022-08-10 15:08:57 +10:00
Thibaud Colas
21b5ad5ce9 Update chooser styles across all types 2022-08-10 15:08:57 +10:00
Sage Abdullah
f322e9d868 Improve Snippets listing styles 2022-08-09 13:01:50 +01:00
Sage Abdullah
9476f677fc Enforce bulk action checkbox column to be 50px 2022-08-09 13:01:50 +01:00
Akash Kumar Sen
71dfb4090b fix overlapping of report filters/table & form submissions
- as of 3.0 - report filters would overflow the viewport in Wagtail
- fix layout issue with form submission lists introduced with filtering changes
- remove invalid css grid-column-start (unused)
- adopt theme variables for all main spacing instead of hard-coded em/rem/px values
- fixes #8929
2022-08-08 22:05:01 +10:00
anujaraj
3576e27ab0 added border to tooltip dropdown for high contrast & fix arrow
- fixes #8830
2022-08-06 23:07:01 +10:00
Thibaud Colas
eac5e0bc2c Finish re-implementing form styles based on design feedback & code review
Co-authored-by: LB Johnston <mail@lb.ee>
2022-08-05 10:36:52 +02:00
Thibaud Colas
3d96e7fbe7 Implement collapsible and linkable panels
Co-authored-by: LB Johnston <mail@lb.ee>
2022-08-05 10:36:52 +02:00
Thibaud Colas
af9b16e93d Re-implement base form field styles based on new page editor designs
Co-authored-by: LB Johnston <mail@lb.ee>
2022-08-05 10:36:52 +02:00
anujaraj
2d8aa123c0
Added a forced-color media query to disabled buttons in high contrast (#8909)
* added a forced-color media query to allow distinct visibiity of disabled buttons

* Also set disabled button border color to GrayText in forced-colors mode

The `button` element was not correctly picking up the same border color as the text, for some reason. This commit fixes that.
2022-08-04 12:55:00 -04:00
LB Johnston
22e904fb01 Refine dashboard design - summary panels
* Update colours and icons for summary panels
* add h1 id for aria referencing
* rework layout to use flex box & not floats
* move summary styles to own component scss file
* now functions correctly in RTL mode
2022-07-31 04:11:07 +10:00
PaarthAgarwal
684c173729 Refine dashboard design - header
* Updated header - updated avatar alignment, use theme variables
* pulled header_description out of h1, added info of header_description
* #8818
2022-07-31 04:11:07 +10:00
PaarthAgarwal
2a751e9b00 updated help block colours & link styles
- resolves #8896
2022-07-26 22:01:12 +10:00
Sage Abdullah
dc525f56ae Extract filters styles and template from report to its own component 2022-07-21 09:40:05 +01:00
anujaraj
10afd9d7ed
Add a border around modal dialogs so they can be identified in forced colors mode. Fixes #8833 (#8874) 2022-07-20 21:53:41 +01:00
anujaraj
df50d8a1a4
Add bottom border to messages. Fixes #8836 (#8875)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-07-20 21:34:23 +01:00
Thibaud Colas
5c362bf831 Refactor all stylesheets to use CSS variables
Co-authored-by: Scott Cranfill <scott@scottcranfill.com>
2022-07-20 12:08:47 +01:00
Thibaud Colas
758a40d650 Remove now-unneeded switch variant 2022-07-20 12:08:47 +01:00
Thibaud Colas
73ce1b6f8e Remove now-unused color variables styles 2022-07-20 12:08:47 +01:00
PaarthAgarwal
c404acb10d cleanup page listing styles
- fixes #8867
- relates to PR #8792
2022-07-20 16:27:19 +10:00
anujaraj
b3768a1145 Contrast themes – Update help-block styles
- Ensure help blocks show more appropriately in Windows High Contrast Mode with less reliance on communication via colour alone
- fixes #8817
- added dashed-dotted borders styles and removed forced-colors-adjust:none properties to/from help boxes
2022-07-20 15:47:11 +10:00
PaarthAgarwal
0ed07c66db adopted shared header for form submission page
- relates to #8539
- fixes #3759
- fixes #3236
- rename index_submissions to submissions_index (aligns with naming of all other index views)
2022-07-19 22:00:54 +10:00
Paarth Agarwal
35b5ed350a
Adopt slim header in page listing views (#8792)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-07-18 18:28:51 +01:00
sag᠎e
0693eed245
Use new modal dialog component for privacy settings modal. Fix #8478 (#8847)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-07-18 10:39:50 +01:00
anujaraj
8daf1554ae
Display the correct color for icons in forced colors mode. Fix #8816 (#8852)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-07-15 15:41:59 +01:00
sag᠎e
5ee5acb7ce
Introduce a new auto-updating preview panel inside the page editor (#8671)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-07-14 13:59:05 +01:00
Paarth Agarwal
6a6cb880cf
Fix typo in header icon class name (#8831) 2022-07-13 06:53:30 +01:00
Thibaud Colas
27ff5bfeaf
Remove button-group from ModelAdmin InspectView footer actions (#8832) 2022-07-13 03:11:41 +01:00
anujaraj
3f0a648181
Make progress bars’ progress visible in forced colors mode (#8719)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-07-10 00:18:39 +01:00
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