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