422 Commits

Author	SHA1	Message	Date
Thibaud Colas	fc3f945781	Styling fixes for universal listings (#11608)	2024-02-07 10:44:56 +00:00
Sage Abdullah	e8b34ededd	Implement active filter button to open drilldown for specific filter	2024-01-24 09:43:42 +00:00
Sage Abdullah	dbf3c7c586	Adjust margin-bottom of w-field__wrapper in drilldown component ... Prevent the focus outline from being cut-off	2024-01-23 09:43:08 +00:00
Thibaud Colas	f1520bfcdd	Clean up unfinished aspects of DrilldownController	2024-01-23 09:22:30 +00:00
Thibaud Colas	68df8a0ba3	Add drilldown filters interface for universal listings	2024-01-23 09:22:30 +00:00
Thibaud Colas	4790b44ba1	Move accessibility checker inside the editor (#11478). Fix #10136	2024-01-23 08:15:34 +00:00
Sage Abdullah	1ab78fc5c1	Fix first column padding in page listings when custom ordering is active	2024-01-23 06:50:07 +00:00
Sage Abdullah	bbd22d8c43	Use bulk actions header's checkbox to detect bulk actions in listing styles ... bulk-action-checkbox is the checkbox in the <td> elements. On page listings, if you're searching and there are no results, the table will still be displayed (to give you the option to search the whole site). The table has no data rows, which means there are no elements with bulk-action-checkbox class. Change the selector to target the bulk-actions-filter-checkbox class instead, which is the bulk action's <th> checkbox. This element (in the header cell) is always available even when there are no results.	2024-01-23 06:50:07 +00:00
Rohit Sharma	50bdb724b5	Fix chooser buttons focus color is too dark in dark mode ... Fixes #10875	2024-01-23 12:30:41 +10:00
Thibaud Colas	90ca9b7001	Roll out new theme tokens where appropriate	2024-01-22 16:04:06 +00:00
Thibaud Colas	bd8c38ed49	Only apply set widths to actions styles within footer	2024-01-22 11:48:10 +00:00
Thibaud Colas	57d75e2870	Add text ellipsis styles and shorten wording in title header search results label	2024-01-22 11:48:10 +00:00
Thibaud Colas	90ecdb4928	Force title listing header cell to wrap	2024-01-22 11:48:10 +00:00
Thibaud Colas	ec65511eb0	Use tighter horizontal spacing for listing columns	2024-01-22 11:48:10 +00:00
Nandini Arora	8a5d228d37	Remove unused SCSS variable -button-size-mobile (#11507) ... Missed on original #11411 changes	2024-01-22 18:35:42 +10:00
nandini584	c99c74cc7e	Ensure panel anchor sizes meet minimum accessible size ... Fixes #11411	2024-01-20 22:01:59 +10:00
Jaivignesh-afk	95ee796a0f	Remove unused variables & mixins + update *-padding to rem ... - Fixes #11458	2024-01-20 21:22:02 +10:00
nandini584	65f8a84cee	Clean up sass variable usage ... - updated the font to its direct use theme and removed -title-height - removed the 1-time used scss variables and updated directly in the files - Fixes #11458	2024-01-20 21:22:02 +10:00
Aman Pandey	735aaa95bf	Adopt w-orderable for page order drag & drop/move ... - Fixes #10909	2024-01-19 08:48:48 +10:00
Sage Abdullah	dae20c2038	Add status side panel to generic CreateView and simplify snippets CreateView	2024-01-18 15:57:44 +00:00
Sage Abdullah	e04d540bd1	Add icon--directional class to mirror icons for RTL languages	2024-01-18 11:56:18 +00:00
Thibaud Colas	d79bac199f	Adjust footer action styles based on new designs	2024-01-17 16:42:00 +00:00
Thibaud Colas	7c057661ff	Remove legacy dropdown component	2024-01-17 16:42:00 +00:00
Thibaud Colas	885cf7b76c	Clean up footer actions styles	2024-01-17 16:42:00 +00:00
Thibaud Colas	67c97b2168	Add warning styles for dropdown-button	2024-01-17 16:39:30 +00:00
Thibaud Colas	91aa28b11a	Add new dropdown-button component	2024-01-17 16:39:30 +00:00
Sage Abdullah	85408d8626	Implement design for active filter pills	2024-01-17 15:33:07 +00:00
nandini584	daf0c96841	Fix close button visibility in new dialog non-message variant ... - Add w-dialog root classname to support overall styling of the dialog if a message is provided - Fix up layout of dynamic classes to avoid additional spaces - Fixes #11306	2024-01-17 09:27:50 +10:00
Thibaud Colas	bc6ef43522	Replace visuallyhidden utility class with w-sr-only	2024-01-09 15:42:08 +00:00
Thibaud Colas	b8e7a84a72	Remove invalid CSS styles / Sass selector concatenation	2024-01-09 15:42:08 +00:00
Thibaud Colas	77af0541be	Remove usage of is- CSS class prefix	2024-01-09 15:42:08 +00:00
Thibaud Colas	7077eb02c9	Move avatar styles from objects to components	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
Sage Abdullah	d792346752	Move filters to be inside the search form and use AJAX to submit the form ... Also make the search form optional. The <form> element may still be rendered as if there is either the search form or the filters, or both.	2024-01-02 09:00:58 +00:00
Sage Abdullah	a0a0b1343c	Don't add padding to first column on report pages ... Report pages have styles for .report that adds margins similar to nice-padding	2024-01-02 09:00:58 +00:00
Sage Abdullah	81ea6d6266	Remove nice-padding from documents, users, and generic listing views tables ... The added CSS handles the case when nice padding is removed (to make the listing go full-width) and no bulk actions are available (e.g. a ModelViewSet index view or some other view that extends generic listing view). This allows us to not rely on the full-width class (which should eventually be removed) while correctly apply the spacing regardless whether nice-padding is used or not, and whether bulk actions are available or not. If nice-padding is used, then the listing view will look as they previously do.	2024-01-02 09:00:58 +00:00
Sage Abdullah	1ad22f530d	Enforce bulk action checkbox column via CSS ... 10px was never the right width. Using CSS instead of the column's width attribute allows us to use media queries to change the width responsively	2024-01-02 09:00:58 +00:00
Sage Abdullah	28d21bf066	Make styles for header buttons consistent	2024-01-02 09:00:58 +00:00
Sage Abdullah	73f7a1abc4	Use button components pattern for slim header buttons	2024-01-02 09:00:58 +00:00
Sage Abdullah	c900ba6c8e	Reduce slim header search bar height to match filter button	2024-01-02 09:00:58 +00:00
Sage Abdullah	8a7dd1f5a1	Don't use legacy header when breadcrumbs are used	2024-01-02 09:00:58 +00:00
Sage Abdullah	3cbf3b4b6a	Add sublabel support to breadcrumbs	2024-01-02 09:00:58 +00:00
Sage Abdullah	4407c5b5b0	Improve styles of slim header's search and filters for better vertical alignment	2024-01-02 09:00:58 +00:00
Sage Abdullah	3fbf792621	Use bigger font size for last breadcrumb item by default except on create/edit views ... We want to make the slim_header.html as the basis for the modern header template that will be used everywhere, eventually replacing header.html. Rather than making the page explorer be the special case where we want the last item to be bigger, do it the other way around i.e. use the smaller font size on the create/edit views. This ensures that the big font size is used on all other views e.g. Inspect view.	2024-01-02 09:00:58 +00:00
Sage Abdullah	f4f08ee2fe	Move breadcrumbs styling in _listing.scss to its own _breadcrumbs.scss file	2024-01-02 09:00:58 +00:00
Sage Abdullah	6f92a71253	Move page explorer header's extra spacing to CSS ... For better colocation with the CSS that increases the font size	2024-01-02 09:00:58 +00:00
Sage Abdullah	b0deeab728	Change page listing's add button to icon-only	2024-01-02 09:00:58 +00:00
Thibaud Colas	6cc4533a6f	Refactor float usage within admin styles. Fix #8126	2023-12-19 15:38:22 +00:00
Matt Westcott	3c648369b0	Use a floating dialog for filters ... Remove use of shared/filters.html, as it contains a duplicate `<form>` element we don't want, and generally has more stuff we don't want than stuff we do, to the point that it'll just get in the way of restyling.	2023-12-18 14:55:18 +00:00
Matt Westcott	4e59266743	Use checkboxes for page type filter	2023-12-18 14:55:17 +00:00