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
Shohan
75764a99e7 [refactor] Capitalise 'More' text using css rather than rendering uppercase text in html 2021-10-15 16:51:18 +01:00
Shohan
263d652a61 [fix] Fix css issues regarding footer and bulk action buttons
Fixed following
- The text color on the bulk action buttons used to turn white on hover. Now, the text color changes acoordingly
- Changes to footer css changed caused changes in some unwanted places. Fixed that by namespacing the css changes
2021-10-15 16:51:18 +01:00
Shohan
020f8dcfaf [feat] Move actions bar to footer and ad bulk actions to search page
Added following
- Add 'More' dropdown if there are more than 4 bulk actions
- Add bulk actions to 'Pages search' page

Changed following
- Move actions bar from headers to footer
2021-10-15 16:51:18 +01:00
Shohan
403cd5eb29 [feat] Add 'Select all pages in listing' support 2021-10-15 16:51:18 +01:00
Shohan
f875484f73 [feat] Add support for filters and bulk actions (del, pub, and unpub)
Added following
- Add support for filters
- Add bulk delete, publish and unpublish actions (views and templates)
- Add search textbox to get filtered results
- Add view to get count of pages corresponding to a set of given filters
2021-10-15 16:51:18 +01:00
Shohan
64a1d7299f [feat] Add bulk actions in page listing
Added following
- Add bulk action checkboxes (non functional), actions, filters in page listing (non functional)
- Add search bar in page listing (non functional)
2021-10-15 16:51:18 +01:00
Shariq Jamil
c4422b2bec add border to comments dropdown
- for windows high contrast mode
- fixes #7458
2021-10-15 23:25:09 +10:00
Sakshi Uppoor
da1e4d9a99
Fix toggle switch bug in high-contrast mode (#7561)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2021-10-08 22:32:55 +01:00
Dmitrii F
932762c9f1 windows high contrast mode - multiple fixes
- fix search header field border in Windows High Contrast mode
- fix tab-nav active in Windows High Contrast mode
- add border for c-sf-button. This fix view in WHC mode.
- add justify-content - center for better view on mobile devices.
2021-10-07 15:59:14 +10:00
Matt Westcott
718232ead4 Better styling for snippets 'last updated' link 2021-10-04 13:49:55 +01:00
Desaiakshata
997ac738b0 dropdown - improve focus and high contrast mode visibility
- Update _dropdown.legacy.scss
- improvement to existing styles for dropdown/up button on focus and windows high contrast mode
- see #7366
2021-09-30 08:12:00 +10:00
amychan331@yahoo.com
218e728f34 Make hamburger menu a button for tab accessibility
- Adding type to button element
- Co-authored-by: Dan Braghis <dan@zerolab.org>
- fixes #7327
2021-09-19 14:18:34 +10:00
Krzysztof Jeziorny
cf064f2b99 Fix width on comment notifications dropdown
- Other languages' word can break the dropdown's layout
2021-09-07 20:54:43 +10:00
FDGod99
c2347a6d35 fix - high-contrast mode - sidebar needs visual separation
- Due to how high-contrast mode works, there was no visual separation between the sidebar and the main content, adding a transparent border resolves this without having any visual impact in non-high contrast mode
- fixes #7456
2021-09-01 08:02:42 +10:00
Karl Hobley
bb7620f445
Frontend improvements for new slim sidebar (#7469)
* Fix left padding not changing fast enough

* Make all icons stay in a fixed Y position

So they don't move when you hover

* Make the Wagtail a bit bigger in collapsed mode

* Fix position of search icon when expanding/contracting menu

* Animation refinements

* Fix gap between icon and text changing for legacy icons during collapse

* Only peek the menu if the mouse hovers over a menu

This fixes an issue where peeking wouldn't happen if you collapsed the
menu and then hovered over a menu item without the mouse leaving the
sidebar. It now always peeks when the user hovers the menu item.

But we still want to avoid it peeking when the user clicks the collapse
button, so I've moved the mouse enter/leave handlers to a sub-element
that doesn't include this button.

* Peek the sidebar on focus

Allows the sidebar to open when it receives keyboard focus, and stops it
annoyingly closing while you are typing a search query.

* Remove the start peeking timeout
2021-08-31 12:00:29 +01:00
Seb
a9f13d2dfb Apply list styles for MultipleChoceFields 2021-08-24 08:34:40 +10:00
Dmitrii Faiazov
fb66c1fd17 Styling for Windows high contrast
- add media queries for icons & logos
- fix issue with color problems
2021-08-23 20:15:08 +10:00
Karl Hobley
8413d00bdd Spelling fixes 2021-08-06 20:11:30 +01:00
Storm Heg
952264a2ab
Slim sidebar: remember collapsed state 2021-07-23 10:47:50 +01:00
Brandon Murch
5bc1c1832e
Fix delete button color 2021-07-20 18:41:04 +01:00
Kevin Gutiérrez
4eb7c2c019 Change spin animation name (#7299)
The animation name `spin` is too generic, and it can be easily override by other libraries (eg. the code used in (django-json-widget)[https://github.com/jmrivas86/django-json-widget/blob/master/django_json_widget/static/dist/jsoneditor.min.css]) or by custom code, affecting the saving animation.
2021-07-08 16:29:54 +01:00
Matt Westcott
aff898ad8d Prevent comments CSS from overriding custom colours
Fixes #7294. CommentApp/main.scss mistakenly redefined the SCSS colour variables to their Wagtail defaults, overriding the ability to customise them as pe https://docs.wagtail.io/en/stable/advanced_topics/customisation/admin_templates.html#custom-user-interface-colors
2021-07-02 12:06:07 +01:00
Karl Hobley
33af79a1c4 Initial work on new sidebar react/css 2021-06-10 14:18:19 +01:00
jacobtoppm
f7bc89c03e Remove teal line under active tab and align tab and comment text better 2021-05-04 10:16:23 +01:00
Jacob Topp-Mugglestone
c652e67c5e
Feature/commenting streamfield hover fix (#7131)
* Fix streamfield comment buttons not showing on hover

* Fix hover colour change only happening for some comment buttons
2021-04-28 16:21:16 +01:00
Simon Evans
678e117081
Feature/commenting responsive layout (#7091)
* Improve commenting layout

* Improve mobile layout

* Position comments absolutely on mobile

* Remove mobile state toggle
2021-04-26 11:53:04 +01:00
Simon Evans
05f1eb51aa
Feature/commenting improve notification toggle UI (#7085) 2021-04-23 16:24:27 +01:00
Simon Evans
6c065fad8b Make comment buttons focusable 2021-04-21 14:51:31 +01:00
Simon Evans
471856a52c Feature/commenting add icons (#7046)
* Update commenting icons

* Add draftail commenting icon

* Fix draftail icon hover state and update snapshot
2021-04-20 18:25:30 +01:00
Simon Evans
485a248af8 Correctly show comment icons on hover 2021-04-20 18:25:30 +01:00
jacobtoppm
d72cb62a76 Prevent logout button hiding 2021-04-20 18:25:30 +01:00
Simon Evans
1ac9a56279 Improve commenting layout 2021-04-20 18:25:30 +01:00
jacobtoppm
831dceaad4 Add missing footer__container class to non-editor footers, and change footer
css to use class selector instead of element
2021-04-20 18:25:30 +01:00
Karl Hobley
3174ffee08 Add commenting controls 2021-04-20 18:25:30 +01:00
Jacob Topp-Mugglestone
d64dad9739 Add save warning to page editor for comments and edits 2021-04-20 18:25:30 +01:00
Scott Cranfill
42ddd8ad55
Apply chevron padding fix to all applicable select elements (#6980)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2021-04-16 21:02:36 +01:00
Storm Heg
e7942a05ad
Choosers: refactor to use SVG icons (#6998)
* Choosers: refactor to use SVG icons

Refactored non-deprecated choosers to use SVG icons. Custom choosers can
also supply their own svg icons using the `chosen_icon` and
`unchosen_icon` blocks.

We are keeping the relevant icon font css for custom choosers around to
prevent breaking existing custom choosers.

Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2021-04-16 15:43:13 +01:00
Karl Hobley
46f4c935d8 Add switch widget 2021-04-07 09:10:12 +01:00
Thibaud Colas
8b07ad4cea
Add support for SVG icons to SearchArea subclasses and register_admin_search_area (#6493) 2021-03-09 11:33:06 +00:00
Helen C
5682aea460 Add the option to set images as decorative
If an image is decorative, the alt text will be set to be empty. If an image is not decorative, then alt text must be supplied for screen readers.
2021-01-29 10:24:14 +00:00
Michael Brown
cadb5456c0 Apply scss styling to collection_choice_field (#6683) 2021-01-18 17:06:29 +00:00
Joshua Marantz
8e79c61564
Implement CSS variables for admin color theming (#6409)
Co-authored-by: JNaftali <jmarantz@thelabnyc.com>
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2021-01-17 02:17:41 +00:00
Karl Hobley
e8e91fa1ac Add locale selector to snippet edit 2020-10-22 16:57:32 +01:00
Karl Hobley
6a84461dbc Add locale selector to snippet listing 2020-10-22 16:57:32 +01:00
Coen van der Kamp
fd5e6b657f Switch breadcrumb icons to SVG 2020-10-21 23:57:09 +10:00
Karl Hobley
7c86c4e14f Implemented Locales UI 2020-09-21 12:55:41 +01:00
Karl Hobley
87b40bf166 Allow nested sections in tabs
This CSS rule was hiding all nested sections, not just the one the tabs
are using.
2020-09-17 14:32:16 +01:00
Coen van der Kamp
58e4f3fe1c Fix menu item icon margin 2020-08-17 17:09:03 +01:00
Jesse Menn
b934194622
Make page-level actions accessible to keyboard users in page listing tables (#6280)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2020-08-01 21:52:28 +01:00
Matt Westcott
eb5b17c281 Remove final vestiges of clipboard-list being part of the icon font 2020-07-24 16:59:33 +01:00
Dan Braghis
e0c6aab536 Tweak styles based on design feedback 2020-07-24 16:59:33 +01:00
Dan Braghis
97e78f4ade Introduce the concept of "secondary" (less prominent) action in action menu
and make delete/unpublish/lock/unlock "secondary"
2020-07-24 16:59:33 +01:00
Dan Braghis
1f8fc4b6d8 Tidy up page edit header 2020-07-24 16:59:33 +01:00
Dan Braghis
1dc7bc2713 Make the publishing bar width fluid 2020-07-24 16:59:33 +01:00
Dan Braghis
1d2c68ebef Tweak header/content/action bar alignment 2020-07-24 16:59:33 +01:00
Dan Braghis
24cbaeefd4 Add action menu item icons
Mechism for adding the icons, plus page action item icons
2020-07-24 16:59:33 +01:00
Dan Braghis
709a15e88d Bring in the button icon changes from PR 6151
TODO: drop when rebasing on master when 6151 is merged
2020-07-24 16:59:33 +01:00
Dan Braghis
a00136a9ba Add sensible modifiers for svg icons
- initial 1em x 1em
- default 1.5em x 1.5em
2020-07-24 16:59:33 +01:00
Dan Braghis
0665f6ba43 Update action menu dropdown with white background on add/edit 2020-07-24 16:59:33 +01:00
Dan Braghis
3d432aaa8e Add header meta row
- includes workflow info, link to page history, page type
2020-07-24 16:59:33 +01:00
Dan Braghis
c7279d407e Improve audit log report pages
- new icon
- simplify filters
- add workflow task comments
- inline action buttons where possible
2020-07-24 16:59:33 +01:00
Karl Hobley
bd9c73a00f Various UI tweaks to workflow management (#6177)
* Make workflow tasks management into a separate settings menu item
* UI improvements to make it match the design
2020-07-24 16:59:33 +01:00
Dan Braghis
dce5020e17 Add a 'uniform' icon style 2020-07-24 16:59:33 +01:00
jacobtoppm
0fbc40bd41 Tweak icon alignment in nav to raise icons relative to text by 5%, as previously looked like clipboard icon was misaligned 2020-07-24 16:59:33 +01:00
jacobtoppm
b10ba56b26 Add new clipboard-list icon and use for workflows. Fix if statement in views/pages to add buttons outside main conditional clauses 2020-07-24 16:59:33 +01:00
Andreas Bernacca
f9c5bab9cb
Add chevron to dropdowns that are missing them, and make "Site" label translateable (#6242)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2020-07-21 20:13:25 +01:00
Martin Coote
9f0dcf0097
Add skip link for keyboard users. Fix #5406 (#5780)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2020-07-21 18:16:36 +01:00
Matt Westcott
90c806110b Use icon tag instead of CSS for lock/unlock messages 2020-07-20 17:28:48 +01:00
Dan Braghis
07ad6f20b4 Add utility classes for svg icons 2020-07-16 16:03:20 +10:00
Dan Braghis
eb6987beea Update inline dropdown components to use svg 2020-07-16 16:02:16 +10:00
Dan Braghis
06c2e74b5c Update longrunning buttons to use SVG 2020-07-16 16:02:16 +10:00
Dan Braghis
fffb9bae92 Update dropdown toggle to use SVG 2020-07-16 16:02:16 +10:00
Dan Braghis
f9c11b3646 Update icon-only buttons to use SVG 2020-07-16 16:02:16 +10:00
Dan Braghis
50bdd90068 Update bicolor buttons to use SVGs 2020-07-16 16:02:16 +10:00
Coen van der Kamp
b1d82cf2db
Switch messages icons to SVG (#6124) 2020-06-29 16:17:04 +01:00
Dan Braghis
bce1e440bd
Add spacing to daterange filter inputs (#6182) 2020-06-27 10:20:20 +01:00
Coen van der Kamp
8a4234f83a Switch header h1 to SVG icon 2020-06-26 10:55:27 +01:00
Coen van der Kamp
eed16e0034 Add SVG Icons and include in admin menu
* This commit only covers the migration of the icons in the menu and draftail editor. All
other admin menu icons remain implemented as before.
* Existing font based icon support still exists.
* Convert menu icons to SVG
* This could be considered a breaking change for any Wagtail sites or
packages that are leveraging Wagtail's Button and Icon React components.
* Remove references to unused `submenu-trigger` class
* Prefix icon `id`s with `icon-` to prevent `id` collisions
* Add hooks support (not yet documented) for adding custom icons
2020-05-21 07:36:33 +10:00
Thibaud Colas
7eeb44ad04 Replace gulp-sass with gulp-dart-sass
* Rewrite Sass code that relies on deprecated or removed features in Dart Sass
* Remove unneeded rebuild of node-sass
* Update lockfile
2020-05-17 21:00:20 +10:00
saeed
44c1f1cab2 Remove sticky footer on small devices 2020-05-07 22:55:25 +10:00
Karran Besen
7565248438 Add the ability to view users in a group
* adds users view to group view (users filtered by that group)
* adds the ability to go to the users list for the group currently being edited (via header link)
* fix issue where the link to add a new user (when no users found) was broken
* resolves #5801
2020-04-26 17:55:09 +10:00
Karl Hobley
92c2cedb67 Implement filtering on reports 2020-04-22 14:54:31 +01:00
nmorduch
7cca89f67c Make only the list part of the nav submenu scroll
- Fixes #5358
- Make classes on the nav submenu adhere to BEM a little better
- Make nav submenu footer match the styles of the things around it a little better (other submenu items on mobile, and the other menu footer on larger screens)
2020-04-20 11:16:31 +01:00
nmorduch
2b4103728b Move and rename nav variables
- Move to variables file
- Rename to be more specific
2020-04-20 11:16:30 +01:00
jacobtoppm
b3e5278a1b Remove spreadsheet export setting, and allow a user to select format via a dropdown instead 2020-03-13 17:33:22 +00:00
Thibaud Colas
14a6561223 Use data- attribute instead of class 2020-01-24 20:56:18 +00:00
Simon Evans
9aaed8db4c Refactor logo SVG partials and update bg colour 2020-01-24 20:56:18 +00:00
Brian Edelman
e0672d60b3 adds new image for accessible logo background, updates html and css for desktop and mobile to account for new image 2020-01-24 20:56:18 +00:00
Matt Westcott
590bea3b7b Revert "Fix submenu footer blocking items in admin" (#5606)
This change causes the footer to no longer be bottom-aligned when the menu is shorter than window height.

This reverts commit a459e91692.
2020-01-17 12:58:20 +00:00
Matt Westcott
ee8eda8353 Merge branch 'author-specific-locking' of https://github.com/kaedroho/wagtail into kaedroho-author-specific-locking 2020-01-08 15:02:19 +00:00
Benedikt Willi
233e7f5189 Add ability to filter image index by a tag
- Fixed error when searching and filtering by tag at the same time
2019-12-02 09:54:35 +10:00
Karl Hobley
5f68627950 Merge branch 'master' into author-specific-locking 2019-11-26 15:55:49 +00:00
jacobtm
430b50424e Include scss formatting and add bold formatting to locking messages 2019-10-30 11:58:50 +00:00
Igoranze
a459e91692 Fix submenu footer blocking items in admin
- items longer then the page height are no longer broken by the submenu footer
- long lists of submenu items are no longer blocked by the footer (version number)
2019-10-24 08:17:55 +10:00
kevinhowbrook
7db44c71b3 Break listing titles by word so action buttons are visible on smaller screens (#5429) 2019-08-29 14:06:16 +01:00
kevinhowbrook
48c82516db Allow content to define the tab width on xs screens to stop cutting off text (#5392) 2019-08-29 12:27:32 +01:00
Matt Westcott
725b01c809 Replace streamfield CSS with react-streamfield CSS 2019-08-23 14:55:26 +01:00
Catherine Farman
f53dd95696 Change StreamField group labels color so labels are visible. Fix #5455 (#5462)
* use lighter grey for streamfield group label for accessible contrast
2019-07-26 16:39:11 -04:00
Coen van der Kamp
3eb71d702e
Merge pull request #5378 from thibaudcolas/bug/icon-help-inverse-5359
Fix help-inverse icon regression introduced by icon refactorings in #5359
2019-06-18 14:06:01 +02:00
Helen Chapman
98d3ef4743 Ensure the 'add child page' button displays when focused (#5274, #5382) 2019-06-17 18:11:04 +01:00
Thibaud Colas
c5e60ca1d4 Fix help-inverse icon regression introduced by icon refactorings in #5359 2019-06-12 18:41:51 +01:00
Thibaud Colas
5adda1af43 Fix regression for unpublished pages styles & revision index item 2019-06-12 18:31:32 +01:00
Beth Menzies
1e5612ff90 adjust heading structure to be more accessible 2019-06-12 18:31:32 +01:00
Thibaud Colas
8cd384ec1f Switch legacy icon implementations to use variables instead of hard-coded characters 2019-06-06 18:00:57 +01:00
Thibaud Colas
5e19ce89f1 Remove unneeded icon overrides from icon styles 2019-06-06 18:00:22 +01:00
Thibaud Colas
6da86daeae Fix focus outline styles for image blocks 2019-05-28 11:53:26 +01:00
Thibaud Colas
0d22763e0a In main nav & explorer menu, show focus outline within elements 2019-05-28 11:53:26 +01:00
Thibaud Colas
f4e2891857 Remove all existing outline overrides in admin UI 2019-05-28 11:53:26 +01:00
Beth Menzies
0c774e7dd1 increase font size across admin, improve color contrast 2019-05-23 17:12:58 +01:00
Deniz Dogan
74ce4adb6b Fix playful tail wag animation
Fixes #3780
2019-04-30 07:49:10 +10:00
Kevin
31885d6f4e Add color-white to wagtail-version so it's visible (#5236). Fix #5189 2019-04-24 15:40:09 +01:00
nmorduch
2668c05146 Rearrange SCSS structure according to ITCSS 2019-04-11 11:08:47 +02:00