Sage Abdullah
da5f144b62
Replace _daterange.scss with Tailwind classes
2025-08-18 15:01:13 +01:00
LB
a67ae5be98
Re-run format / fix on files after update
2025-08-04 17:51:17 +01:00
Srishti-j18
97975b5293
Increase the gap of columns within row fields for comment button #12806
2025-04-02 08:35:40 +10:00
Srishti-j18
cc345cff54
Fix comment button positioning next to fields #12807
...
- Fixes #12687
- Fields fixed; radio checkbox, radio, multi checkbox, select
2025-04-02 06:36:22 +10:00
naina35
182ae8488c
Apply Sass mixed declarations migration in preparation for CSS nesting. Fix #12720 ( #12733 )
...
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2025-02-12 03:15:56 +00:00
Srishti Jaiswal
e23096f354
Migrate away from deprecated Sass import rules to module system ( #12734 )
2025-02-11 14:58:31 +00:00
Thibaud Colas
14d16ae823
Remove now-unneeded focus-visible backwards compat
2025-01-17 13:50:12 +00:00
Srishti Jaiswal
0bba5da337
Correct positioning of comment buttons with DateField, TimeField and DateTimeField. Fix #12214 ( #12685 )
...
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2025-01-13 12:08:56 +00:00
Rohit Singh
105338d0d6
Fix datetime fields overflowing its parent wrapper in listing filters
2024-10-21 09:45:19 +01:00
Albina
488c3583b7
'Prefers-contrast' admin theming ( #12348 )
...
Co-authored-by: Victoria Ottah <82820329+Toriasdesign@users.noreply.github.com>
2024-10-17 09:13:22 +01:00
Thibaud Colas
d04746bf9e
Adjust admin UI components based on desired interface density
2024-04-18 13:04:25 +01:00
Thibaud Colas
bd6f314b87
Refactor CSS selectors in title panel override for readability
2024-04-18 13:04:25 +01:00
LB Johnston
07d6acfb52
Fix - Ensure that modal tabs width are not impacted by side panel opening
...
Regression from #11150
2024-02-29 11:37:53 +00:00
Thibaud Colas
56f9855c07
Ensure BooleanRadioSelect uses the same styles as RadioSelect
2024-02-15 10:01:48 +00:00
Jaivignesh-afk
95ee796a0f
Remove unused variables & mixins + update *-padding to rem
...
- Fixes #11458
2024-01-20 21:22:02 +10:00
Thibaud Colas
b8e7a84a72
Remove invalid CSS styles / Sass selector concatenation
2024-01-09 15:42:08 +00:00
Badr Fourane
e25c1bb1a0
Add right-to-left (RTL) support for the caret of select inputs ( #11313 )
...
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2024-01-08 16:07:52 +00:00
LB Johnston
ffc6ac8833
Adopt a small set of stylelint-config-wagtail changes
...
Where possible, adopt a subset of stylelint-config-wagtail changes.
- Formatting & ordering (auto applied), this includes the padding/inset shorthand changes
- Adopt a small set of no-union-classes changes as an example of changes to come in future PRs
- Ignore some areas where we are selecting against data* attributes that will not be practical to change
- Move some no-important ignore rules to specific lines
- Ignore max-combinators in modeladmin styles (legacy)
- Remove error messages forced-color-adjust setting to none
2023-12-18 13:28:18 +00:00
Chiemezuo
b7beb36df6
Ensure expanded side panel does not overlap form content for most viewports
...
- Set the side panel width custom property ('--side-panel-width') globally, not just on the form container.
- Use this custom property to determine the max width of the form content.
- Fixes #11038
2023-11-30 18:02:54 +10:00
LB Johnston
35dfdea89c
Update formatting - Prettier 3.0
...
- Run formatting with latest version of Prettier
2023-08-02 21:00:25 +10:00
Thibaud Colas
be2eb7fafc
Use inactive field border styles for read-only FieldPanel
2023-07-18 10:42:05 +01:00
Thibaud Colas
3ae40d87f0
Use a theme-agnostic color token for read-only panels support in dark mode
2023-07-18 10:40:07 +01:00
Sage Abdullah
994698d76c
Do not use FieldRowPanel for scheduled publishing fields
...
To prevent inconsistent layout if only one of the fields has an error
2023-07-14 15:21:57 +01:00
Thibaud Colas
6bb7e129b6
Fix color contrast of red error messages in dark mode
2023-05-25 08:36:49 +01:00
Thibaud Colas
4d4feb2ca0
Fix switch component having a white border in dark mode
2023-05-25 08:36:30 +01:00
Thibaud Colas
efb75c0ae3
Ensure comment buttons always respect WAGTAILADMIN_COMMENTS_ENABLED. Fix #10406
2023-05-17 10:49:16 +01:00
Andy Babic
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
Andy Babic
4086c7de7a
Add read_only option support to FieldPanel
2023-04-25 16:05:27 +01:00
Thibaud Colas
64ae146e29
Swap comment "add" button icons between default and hover
2023-04-20 14:14:24 +07:00
Thibaud Colas
d8731c2dc6
Fix inconsistent comment button positions for fields in and out of StreamField
2023-04-20 14:14:24 +07:00
Thibaud Colas
bf1f15c3d5
Update relevant color declarations to use theme-agnostic color tokens
2023-04-19 13:38:23 +01:00
Thibaud Colas
1c27af0618
Move the minimap to be next to side panels
2023-04-18 15:58:07 +01:00
Thibaud Colas
9f47052150
Add target StreamField / InlinePanel nesting highlighting effect with :has
2023-04-17 09:28:16 +01:00
Thibaud Colas
f0a5a16bf6
Implement correct indentation of StreamField and InlinePanel with nesting
2023-04-17 09:28:16 +01:00
Thibaud Colas
859d59b765
Implement vertical alignment of field inputs and panels
2023-04-17 09:28:16 +01:00
Thibaud Colas
9f23b19b17
Rework type scale according to latest designs
2023-04-17 09:28:16 +01:00
Thibaud Colas
6866293d4e
Styling tweaks for new icons
2023-04-14 08:38:01 +01:00
Thibaud Colas
93732690a3
Update icon visuals to FontAwesome 6, with deprecation warnings for removed icons
2023-04-14 08:38:01 +01:00
Thibaud Colas
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
Thibaud Colas
6b32591c85
Always show StreamField and InlinePanel nesting guide lines
2023-03-30 00:14:03 +01:00
Thibaud Colas
6adc13abf2
Convert error messages to SVG icons
2023-03-29 13:20:23 +01:00
Sage Abdullah
adaaf973e6
Prevent checkbox and radio button from shrinking
2023-03-20 09:51:51 +00:00
Sage Abdullah
58555abfb0
Prevent select inputs from overflowing the parent container
2023-03-20 09:51:51 +00:00
Thibaud Colas
c01303927a
Release notes for #10171
2023-03-08 15:21:38 +00:00
Sage Abdullah
b0896ef53b
Use focus-visible for switch component
...
Prevent unnecessary outline when clicking on the component
2023-03-08 15:21:38 +00:00
Thibaud Colas
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
Matt Westcott
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
Thibaud Colas
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
Theresa-o
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
sage
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