0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-11-29 09:33:54 +01:00
Commit Graph

242 Commits

Author SHA1 Message Date
Albina Starykova
bd13f567fe Ensure visual consistency between buttons and links as buttons in WHCM
- Fix secondary-button disabled state
- Fix legacy dropdown in WHCM
- Fixes #9078
2022-10-21 08:35:12 +10:00
Lovelyfin00
86437515a3
Make sure workflow timeline icons are visible in high-contrast mode. Fix #9349 (#9383)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-10-19 21:35:05 +01:00
Thibaud Colas
52e55a7c46
Implement new minimap component for forms with side panels. Fix #8673 (#9345) 2022-10-17 18:52:09 +01:00
Sage Abdullah
0a0e07abc0 Add help menu with dismissible badges
By default, the menu contains a link to a blog post
showcasing features in Wagtail 4.1 and a link to the editor guide.

We need to update the links and labels manually in the next release.
2022-10-17 17:39:37 +01:00
Sage Abdullah
28ed884581 Add WhatsNewInWagtailVersionPanel to home dashboard
Can be disabled via WAGTAIL_ENABLE_WHATS_NEW_BANNER setting.

We need to update the link and content in the next release if necessary.
2022-10-17 17:39:37 +01:00
Steve Stein
5112c0eaa8
Improve side panels’ resizing in page editor and listings, and breadcrumbs alignment. Fix #9036 (#9090)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-10-17 12:18:02 +01:00
Thibaud Colas
a005f66475 Make sure chooser buttons can be revealed for all widgets. Fix #9260 2022-10-14 14:32:02 +01:00
sag᠎e
01dbababa9
Remember last opened side panel in the editor on page load (#9269)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-10-14 14:27:59 +01:00
Thibaud Colas
8ef002994e
Switch StreamField to use same panel component as other collapsible sections. Fix #9180, #8047 (#9319) 2022-10-14 13:51:46 +01:00
Steve Stein
aeae0089d3
Adjust checkbox and radio label colours, remove margin on fields in group permission tables, and adjust spacing between error icon and message (#9074) 2022-10-07 08:40:13 +01:00
Sage Abdullah
c17ab8b77a Render PublishingPanel inside dialog component 2022-09-22 14:51:16 +01:00
Steve Stein
d96510949a
Update alignment and reveal logic of fields’ comment buttons. Fix #9025 (#9164)
Co-authored-by: Steven Steinwand <steven_ts@hotmail.com>
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-09-14 16:30:37 +01:00
PaarthAgarwal
b345014fad Align hover behaviour for delete button with new designs
- relates to #3823
- relates to #8790
2022-09-14 15:45:13 +10:00
PaarthAgarwal
6906273609 applied new designs to disabled buttons
- add pointer-events: none; to disabled buttons (useful when using with links)
- added warnings about using disabled as a class instead of disabled as an attribute on elements
2022-09-09 09:06:07 +10:00
PaarthAgarwal
73f39c35d7 applied new designs to secondary buttons
* Added note in 4.1.md for .button-secondary not being compatible with .no/.serious
* Added comment for button-secondary class not being compatible with serious/no classes
* Fixed message button-secondary hover states
* Relates to #8790
2022-09-09 08:28:57 +10:00
PaarthAgarwal
3146a57c26 remove unused yes button styles
- relates to #8790
2022-09-09 06:47:32 +10:00
PaarthAgarwal
0e21d2e239 fix icon button 2022-09-07 22:11:43 +10:00
PaarthAgarwal
99ca7f90e9 applied new design for no/serious (delete) buttons
- added hover overrides for disable button so that hover makes no visual change
- make the delete button background white instead of transparent
- adopt new designs for no/serious
2022-09-07 22:11:43 +10:00
LB Johnston
aa70a9f5bd button stying fixes & follow up
* follow up to #9104
* relates to #8790
* fix up styleguide example buttons for yes/no variants, add more disabled variants
* add type="button" to styleguide example buttons
* revert box-sizing change and use line-height with calc for borders instead
* revise border overrides to set border-color only
* fix modal button override
2022-09-07 08:15:45 +10:00
Vaibhav Shukla
66d9463d5c show different locked indicator for locked by current user
- ensure it works for colour contrast, windows high contrast mode and non-colour only visible change
- only show the change if page is locked by the current owner
- added assert check for the locked-indicator-owner in  test
- adopt new icons for privacy indicator also
- ensure the icons show correctly for high contrast mode
2022-09-06 10:20:20 +10:00
LB Johnston
a8aa747bde rename privacy_indicator styles file to indicator 2022-09-06 10:20:20 +10:00
PaarthAgarwal
6433aebe6b refactored button styles
- relates to #9104
- Removed: .button-neutral, .button-strokeonhover and .hover-no.
- Replaced hardcoded font size, font weight values with theme variables.
- Removed overridden duplicate styles for .yes, .no and .bicolor.
- Merged a few styles under one class.
- Removed non-link button which was using span tag from styleguide, remove other unhelpful examples
2022-09-05 18:48:06 +10:00
Thibaud Colas
167a923fb1 Adjust comment button positioning to avoid overlaps in field rows
Co-authored-by: Steven Steinwand <steven_ts@hotmail.com>
2022-08-31 12:53:54 +01:00
PaarthAgarwal
1d5824dcc7 remove redundant unbutton styles
- relates to #8790
2022-08-31 08:03:27 +10:00
Steven Steinwand
700d8fde07 Simplify css selectors 2022-08-24 13:50:20 +01:00
Steven Steinwand
1c1dc8170e Format css 2022-08-24 13:50:20 +01:00
Steven Steinwand
e27e0b8bf4 Hide anchors and toggles for page titles from screen readers 2022-08-24 13:50:20 +01:00
PaarthAgarwal
4e747326fa fix formatting issues with modal header
- formatting fix for the header on small devices
- ensure the padding left is not set so that the outside is fully clickable
- fixed close button colours
- fix alignment and heights of smaller breakpoint modal header
- fixes #9053
- fixes #9014
2022-08-22 16:52:16 +10:00
Sage Abdullah
b20a64f13b Fix live preview error banner overlapping with preview mode selector 2022-08-18 12:39:46 +01:00
Thibaud Colas
ca7f23d176
Update InlinePanel and StreamField styles for new designs (#8983) 2022-08-12 13:17:40 +01:00
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