a84fdd4919
Update styles for critical buttons in dark mode ( #10643 )
...
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2023-07-14 09:35:43 +01:00
2ad71493a9
Add TooltipController (w-tooltip) & remove bootstrap tooltips
...
Adds a new Stimulus controller for Tippy.js tooltips to replace only the Bootstrap tooltip usage & removes the bootstrap JS tooltip code.
- Dashboard - moderation listing panel
- Reports - Workflow listing status tooltip
- Shared Avatar - user name tooltip
- Workflow listing - steps item tooltip
Closes #8565
2023-07-13 00:43:17 +01:00
db0b985484
Use flex display for listing header .right class
...
Workaround until #10148 is fixed
2023-07-12 09:18:11 +01:00
cbd6a1328c
Convert page listing view to tables framework
2023-07-11 10:28:12 +01:00
69b7ed0815
Use table component for page search results
2023-07-10 15:21:46 +01:00
65c37b34bc
Fix text wrapping
2023-06-26 13:55:08 +01:00
55fd422eb6
Remove now-unused c-dropdown / data-dropdwon implementation
2023-06-26 13:55:08 +01:00
7516b55e83
Switch bulk actions’ "More" dropdown to new component
2023-06-26 13:55:08 +01:00
9798306f0e
Update chooser styles to match designs
2023-06-26 13:55:07 +01:00
1f15f52a6d
Update chooser widgets to use new dropdown component
2023-06-26 13:55:07 +01:00
d288b2f81e
Add new dropdown component based on Tippy.js
2023-06-26 13:55:07 +01:00
6c818f1695
Restore the valign='top' style
2023-06-26 11:07:13 +01:00
e0f3f05ffd
Remove usage of color tokens which are duplicates
2023-06-12 10:55:12 +01:00
6bb7e129b6
Fix color contrast of red error messages in dark mode
2023-05-25 08:36:49 +01:00
56f97890da
Fix hover styles for secondary buttons in listings
2023-05-25 08:36:30 +01:00
de12dbbd4e
Remove unneeded border for footer actions
2023-05-25 08:36:30 +01:00
ed13e0f7e8
Fix text color for selected / highlighted items in chooser modal listings
2023-05-25 08:36:30 +01:00
cf116f90cf
Fix close button appearances in choosers & dialogs
2023-05-25 08:36:30 +01:00
13df497014
Use the correct hover color for form panel icons
2023-05-25 08:36:30 +01:00
4d4feb2ca0
Fix switch component having a white border in dark mode
2023-05-25 08:36:30 +01:00
efb75c0ae3
Ensure comment buttons always respect WAGTAILADMIN_COMMENTS_ENABLED. Fix #10406
2023-05-17 10:49:16 +01:00
dae099affa
Prevent overlap between side panels resize grips and comments, preview
2023-05-02 13:06:03 +01:00
f4ce346fe1
Fix side panel stuck in resize state when pointer is released outside the grip
2023-04-28 17:22:17 +01:00
e60e4dbb43
Negate top margins on .w-field_label, so that the h3 version looks the same as regular labels
2023-04-25 16:06:08 +01:00
4086c7de7a
Add read_only option support to FieldPanel
2023-04-25 16:05:27 +01:00
64ae146e29
Swap comment "add" button icons between default and hover
2023-04-20 14:14:24 +07:00
5ef6af178e
Prevent reaching side panel close button while tabbing
2023-04-20 14:14:24 +07:00
d8731c2dc6
Fix inconsistent comment button positions for fields in and out of StreamField
2023-04-20 14:14:24 +07:00
70bb15a7e1
Prevent long preview mode names from making the select element overflow the side panel. Fix #10240 ( #10354 )
2023-04-19 14:30:21 +01:00
bf1f15c3d5
Update relevant color declarations to use theme-agnostic color tokens
2023-04-19 13:38:23 +01:00
35868364c5
Remove unused dropzone styles
2023-04-19 13:38:23 +01:00
fdf930e49f
Implement nicer hover styles for side panel resizing
2023-04-18 15:58:07 +01:00
1c27af0618
Move the minimap to be next to side panels
2023-04-18 15:58:07 +01:00
64058647ec
Update resize icon in side panels
2023-04-18 15:58:07 +01:00
79df3f8f01
Fix minimap overlapping with footer actions on mobile
2023-04-18 15:58:07 +01:00
7f297cd019
Update comment list positioning so that they slide in/out with the sidebar ( #8345 )
2023-04-18 00:58:14 +01:00
aa7ce61cef
Revise alignment, position, size of StreamField/InlinePanel/RichTextField "Add" buttons
2023-04-17 09:28:16 +01:00
9f47052150
Add target StreamField / InlinePanel nesting highlighting effect with :has
2023-04-17 09:28:16 +01:00
f0a5a16bf6
Implement correct indentation of StreamField and InlinePanel with nesting
2023-04-17 09:28:16 +01:00
859d59b765
Implement vertical alignment of field inputs and panels
2023-04-17 09:28:16 +01:00
9f23b19b17
Rework type scale according to latest designs
2023-04-17 09:28:16 +01:00
6866293d4e
Styling tweaks for new icons
2023-04-14 08:38:01 +01:00
93732690a3
Update icon visuals to FontAwesome 6, with deprecation warnings for removed icons
2023-04-14 08:38:01 +01:00
5ffb48a015
Convert workflow and page listing icons to SVG
2023-04-12 11:51:00 +01:00
b3ecfabf64
Earmark icon font setup scheduled for deletion in Wagtail 6.0
2023-04-12 11:51:00 +01:00
f82ff1e22c
Move help text above all form fields ( #10302 )
...
* Move all help text above fields
* Adjust vertical spacing of form fields and panels
* Move the page title’s help text below the field
* Release notes
2023-03-31 17:05:20 +01:00
6b32591c85
Always show StreamField and InlinePanel nesting guide lines
2023-03-30 00:14:03 +01:00
9855382a62
Always show StreamField and InlinePanel block actions
2023-03-30 00:14:03 +01:00
978d62122c
Convert form submissions listings to use the same ordering icons as other listings
2023-03-29 13:20:23 +01:00
e8ead77b7a
Remove dead styles from legacy dropdown
2023-03-29 13:20:23 +01:00
de0f876744
Convert "after" ordering icons to SVG
2023-03-29 13:20:23 +01:00
6adc13abf2
Convert error messages to SVG icons
2023-03-29 13:20:23 +01:00
c2dc689fc9
Convert privacy switch to SVG icons
2023-03-29 13:20:23 +01:00
1d3d04972f
Remove unused help-inverse icon
2023-03-29 13:20:23 +01:00
433d70d3bf
Adopt w-status instead of status for classes
...
- Fixes #10244
2023-03-29 08:07:47 +10:00
adaaf973e6
Prevent checkbox and radio button from shrinking
2023-03-20 09:51:51 +00:00
58555abfb0
Prevent select inputs from overflowing the parent container
2023-03-20 09:51:51 +00:00
ff7494bf79
Replace ButtonSelect widgets with radio buttons
...
- Instead of a complex and non-accessible JS solution for filter selects, replace with simple radio select fields
- Fixes #9838
2023-03-11 17:21:00 +10:00
c01303927a
Release notes for #10171
2023-03-08 15:21:38 +00:00
322d305457
Add missing background color for info messages
2023-03-08 15:21:38 +00:00
b0896ef53b
Use focus-visible for switch component
...
Prevent unnecessary outline when clicking on the component
2023-03-08 15:21:38 +00:00
a393ea8091
Fix dialog component's message to have rounded corners at the top side
...
Fixes #10177
2023-03-07 18:36:02 +00:00
38ea027d04
Implement new simplified userbar designs ( #9989 )
...
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2023-02-13 09:55:20 +00:00
2afeca2875
Refactor accessibility checker userbar item
...
- Move dialog template code from the userbar base template to the
accessibility item template
- Use fragment for the total results count in the header
- Wrap dialog header in a div to allow styling it separately from the
rest of the dialog content
- Get selector from the first element of axe violation's node.target
2023-01-27 12:31:31 +00:00
a3f10acae1
Userbar & accessibility checker UI improvements ( #9913 )
...
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2023-01-19 16:06:11 +00:00
e33cdbf8db
Set up CSS LTR-RTL direction variable and fix incorrect transforms ( #9914 ). Fix #9800
...
- Fix Draftail block toolbar trigger overlay in RTL mode
- Fix switch component rendering in RTL mode
- Fix panel header positioning in RTL mode
- Remove unused 404 styles
- Fix comments positioning in RTL mode
- Fix sidebar sub-menus transition direction
- Fix form side panels in RTL mode
- Fix minimap positioning in RTL mode
- Fix Draftail tooltips positioning in RTL mode
- Fix page explorer transition direction in RTL mode
- Set up CSS LTR-RTL direction variable
2023-01-19 12:06:43 +00:00
1b7f92351f
Improve page editor side panel closing animation
2023-01-19 11:19:25 +00:00
55d04366f7
Axe accessibility checker integration with floating dialog component ( #9899 )
...
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2023-01-18 15:59:44 +00:00
2574204b27
Make title into a label rather than a link when in multiple choice mode
2023-01-18 14:31:08 +00:00
1e9f580b8c
Add base Axe accessibility checker integration within userbar, with error count ( #9850 )
...
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2023-01-12 12:21:58 +00:00
1884447a6b
Slim header design fixes
2023-01-12 09:51:51 +00:00
eed32d01a6
Generic header spacing fixes
2023-01-12 09:51:51 +00:00
e056a70083
Dashboard header design fixes
2023-01-12 09:51:51 +00:00
0513a78fb5
Refactor Wagtail userbar to use core.css stylesheet like other components
2023-01-11 20:20:15 +10:00
4230630ceb
Update focus outline color ( #9839 )
2023-01-10 00:23:56 +00:00
99eaef6ee6
Remove resize handles from autosize text areas ( #9713 )
...
Fixes #7210 , replacing #9651 as per https://github.com/wagtail/wagtail/issues/7210#issuecomment-1325707942 . AdminAutoHeightTextInput now inserts a w-field__autosize classname which explicitly disables the resizing handle, leaving resizing fully in control of the jquery.autosize plugin.
2023-01-05 14:13:29 +00:00
1de29709de
Remove unused search-bar and button-filter styles ( #9812 )
...
- Remove unneeded search-bar class from templates
- Remove _file_field_as_li template with unneeded overrides
- Remove unused search-bar styles
2023-01-03 09:39:21 +00:00
7323973673
Move page-locked class in _tabs.scss to content-locked in _panel.scss
...
This allows locking even if the panels do not use TabbedInterface.
2022-12-09 17:46:54 +00:00
a5b372e47a
Remove grey background from .content-wrapper
...
- Fixes #9667
2022-11-30 07:57:38 +10:00
713636a00e
Always show the page editor title field’s border when the field is empty. Fix #9318 ( #9719 )
2022-11-25 17:16:05 +00:00
af1f1715a3
Refine the grid position of uploaded images
...
Closes #9674
Ensure that when there are less images to fill up the columns, the columns still have the same max width
2022-11-20 21:18:23 +10:00
4fbccd1c88
Support text resizing in workflow steps cards ( #9525 )
...
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-11-18 23:23:39 +00:00
8d30e716f7
Move DateField, DateTimeField, TimeField comment buttons to be right next to the fields. Fix #9543 ( #9549 )
...
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-11-18 23:07:24 +00:00
b91ed2cce4
Allow button labels to wrap onto two lines in dropdown buttons. Fix #9613 ( #9643 )
...
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-11-17 16:37:21 +00:00
8cd8769eb6
Use consistent heading styles on top-level fields in the page editor ( #9659 )
...
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-11-17 16:23:38 +00:00
dd0d2c4b88
Make it possible to resize the page editor’s side panels ( #9276 )
...
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-11-17 15:53:15 +00:00
dcd8148dfe
Style default secondary buttons with icons
...
- Style secondary button with icon to match according to Wagtail Design System
- Fixes #9198
2022-11-10 07:24:27 +10:00
d36790640e
Remove unnecessary box-sizing: border-box declarations
...
- box-sizing: border-box added to all elements globally in #8921
- Relates to #9031
2022-11-10 06:52:09 +10:00
66f2512ef5
Ensure links that have .nolink (current link) can be seen in WHCM
...
- Fixes #9578
2022-11-09 22:55:03 +10:00
b1c4ca5489
Fix tag field styles in WHCM
...
- Fixes #9529
2022-11-09 21:45:50 +10:00
c2ba84e825
Resolved the skip link contrast issues to meet requirements
...
- Update client/scss/components/_skiplink.scss
- fixes #9515
2022-11-09 21:17:37 +10:00
0ebdd51882
Fix help block <a> to meet colour contrast guidelines
...
- Fixes #9569
2022-11-07 19:56:36 +10:00
f6a35268c7
cleanup - remove commented out scss in _listing.scss ( #9619 )
2022-11-06 23:27:05 +01:00
24f432dfb4
Fix legacy dropdown buttons using a different size from toggle. Fix #9476 ( #9551 )
2022-10-31 16:06:33 +00:00
78a7652f6b
Move scheduled publishing dialog root to editor form element
2022-10-27 17:39:51 +01:00
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
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
52e55a7c46
Implement new minimap component for forms with side panels. Fix #8673 ( #9345 )
2022-10-17 18:52:09 +01:00
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
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
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
a005f66475
Make sure chooser buttons can be revealed for all widgets. Fix #9260
2022-10-14 14:32:02 +01:00
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
8ef002994e
Switch StreamField to use same panel component as other collapsible sections. Fix #9180 , #8047 ( #9319 )
2022-10-14 13:51:46 +01:00
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
c17ab8b77a
Render PublishingPanel inside dialog component
2022-09-22 14:51:16 +01:00
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
b345014fad
Align hover behaviour for delete button with new designs
...
- relates to #3823
- relates to #8790
2022-09-14 15:45:13 +10:00
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
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
3146a57c26
remove unused yes button styles
...
- relates to #8790
2022-09-09 06:47:32 +10:00
0e21d2e239
fix icon button
2022-09-07 22:11:43 +10:00
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
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
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
a8aa747bde
rename privacy_indicator styles file to indicator
2022-09-06 10:20:20 +10:00
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
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
1d5824dcc7
remove redundant unbutton styles
...
- relates to #8790
2022-08-31 08:03:27 +10:00
700d8fde07
Simplify css selectors
2022-08-24 13:50:20 +01:00
1c1dc8170e
Format css
2022-08-24 13:50:20 +01:00
e27e0b8bf4
Hide anchors and toggles for page titles from screen readers
2022-08-24 13:50:20 +01:00
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
b20a64f13b
Fix live preview error banner overlapping with preview mode selector
2022-08-18 12:39:46 +01:00
ca7f23d176
Update InlinePanel and StreamField styles for new designs ( #8983 )
2022-08-12 13:17:40 +01:00
53dded86c8
Update base Draftail/TextField form styles to match designs
2022-08-10 15:15:20 +10:00
c620e58c86
Fix keyboard focus not showing the chooser‘s actions
2022-08-10 15:08:57 +10:00
21b5ad5ce9
Update chooser styles across all types
2022-08-10 15:08:57 +10:00
f322e9d868
Improve Snippets listing styles
2022-08-09 13:01:50 +01:00
9476f677fc
Enforce bulk action checkbox column to be 50px
2022-08-09 13:01:50 +01:00
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
3576e27ab0
added border to tooltip dropdown for high contrast & fix arrow
...
- fixes #8830
2022-08-06 23:07:01 +10:00
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
3d96e7fbe7
Implement collapsible and linkable panels
...
Co-authored-by: LB Johnston <mail@lb.ee>
2022-08-05 10:36:52 +02:00
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
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
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
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
2a751e9b00
updated help block colours & link styles
...
- resolves #8896
2022-07-26 22:01:12 +10:00
dc525f56ae
Extract filters styles and template from report to its own component
2022-07-21 09:40:05 +01:00
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
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
5c362bf831
Refactor all stylesheets to use CSS variables
...
Co-authored-by: Scott Cranfill <scott@scottcranfill.com>
2022-07-20 12:08:47 +01:00
758a40d650
Remove now-unneeded switch variant
2022-07-20 12:08:47 +01:00
73ce1b6f8e
Remove now-unused color variables styles
2022-07-20 12:08:47 +01:00
c404acb10d
cleanup page listing styles
...
- fixes #8867
- relates to PR #8792
2022-07-20 16:27:19 +10:00
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
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
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
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
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
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
6a6cb880cf
Fix typo in header icon class name ( #8831 )
2022-07-13 06:53:30 +01:00
27ff5bfeaf
Remove button-group from ModelAdmin InspectView footer actions ( #8832 )
2022-07-13 03:11:41 +01:00
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
b66d2232d0
remove needless stylelint disables
2022-07-06 19:23:38 +10:00
79a212b4b5
added prefix w- before header classes
...
- refine existing scss to use classes & remove unused scss
2022-07-06 19:13:19 +10:00
3b9c9fce5b
adopt the shared header include in the dashboard (home) view
2022-07-06 18:30:08 +10:00
013ff2179b
Update human-readable-date with accessible tooltip
...
- resolves #8697
2022-06-29 11:02:16 +10:00
87172278a9
Remove old legacy breadcrumbs completely
2022-06-28 22:13:06 +10:00
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
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
d641f6a9ac
Restore previous styles for status tags in title cell
2022-06-08 17:35:40 +01:00
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
a72b89b38d
Tweak border: none to border: 0 to fix linting
2022-06-01 17:19:17 +01:00
5af282625d
Make images listing style consistent across views
2022-06-01 16:50:25 +01:00
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
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
2022-05-25 08:31:11 +10:00
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
851ec9a5c1
Apply full header breadcrumb spacing fixes for all templates ( #8471 , #8491 )
2022-05-13 17:09:01 +01:00
7129ccefc9
Remove logical properties compatibility styles for Safari 13
...
- update caniuse-db & browserslist
- resolves #8124
2022-05-11 21:41:15 +10:00
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
ad8e8034da
Header styling tweaks ( #8438 )
...
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-04-29 12:59:52 +01:00
8efb235695
Restyle badge for tab errors ( #8446 )
2022-04-28 13:49:54 +01:00
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
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
90ccbff15b
Add comment notifications switch back into tabs ( #8392 )
2022-04-22 13:05:13 +01:00
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
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
629ced01ca
Page editor underline tabs ( #8266 )
...
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-04-12 16:11:08 +01:00
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
4dc5f3c595
Remove legacy sidebar, refactoring slim sidebar implementation
2022-04-08 11:51:09 -04:00
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
229fbf476a
Sidebar style updates ( #8118 )
...
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-03-23 03:27:12 +00:00
a412dcc8d5
styles - disable text-transform property-disallowed-list for required usage
2022-03-22 08:24:52 +10:00
255d5e9b03
removed redundant text-transform instances
...
removed page-specific overrides css from importing
2022-03-22 08:11:41 +10:00
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
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
5996c5dd29
Switch icons implementation to SVG, with checkbox improvements ( #8054 )
2022-03-07 17:06:19 +00:00
5c01ecfa94
remove Hallo styles
2022-03-02 20:15:33 +10:00
9ecc105178
Remove legacy browser styles
2022-02-15 16:31:57 +00:00
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
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
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
76ad7da450
Update move page breadcrumb
2022-01-19 22:22:40 +00:00
9c6dace720
Tidy up breadcrumb display in a .tab-merged context
...
e.g. the ModelAdmin InspectView
2022-01-19 22:22:40 +00:00
411d3b00d3
Make breadcrumbs styling backwards compatible
2022-01-19 22:22:40 +00:00
a8c4d578fe
Add locale switcher in the page chooser
2022-01-19 13:13:33 +00:00
10f9de2459
Fix Dropdown issues in windows High contrast mode
...
- Fixes #7450
2022-01-16 14:09:45 +10:00
a0e55cedee
Fix comment buttons not displaying correctly in high contrast mode
...
- fixes #7459
2022-01-15 23:41:42 +10:00
Albina