0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-12-01 11:41:20 +01:00
Commit Graph

30 Commits

Author SHA1 Message Date
Thibaud Colas
4dc5f3c595 Remove legacy sidebar, refactoring slim sidebar implementation 2022-04-08 11:51:09 -04:00
Steve Stein
af4c4d0653
Change slim sidebar to be fully usable in slim mode. Fix #7918 (#8197)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>

- Removing the peeking attribute so the sidebar only opens when intentionally set to expanded mode by using expand or search or account functionalities
- Adding tooltips on link item hovers
- Expanding of slim sidebar when search is clicked and when account options are clicked
2022-03-28 15:43:35 +01:00
Steve Stein
229fbf476a
Sidebar style updates (#8118)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-03-23 03:27:12 +00:00
Thibaud Colas
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
Steve Stein
f968aac038
Update system font stack value for compatibility. Fix #7724 (#7972)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>

- `-apple-system, BlinkMacSystemFont` - These are used to target modern iOS Safari, macOS Safari, macOS Firefox and macOS Chrome's system fonts. 
- ` 'Segoe UI',  system-ui,` - These fonts target windows machines on Windows 7+ [reference](https://markdotto.com/2018/02/07/github-system-fonts/#the-stack). Having system-ui placed after Segoe UI allowed Segoe UI to take precedence when used on Windows machines set to Chinese ( Simplified ) language. There are some known language issues around `system-ui` being used: [This github article](https://infinnie.github.io/blog/2017/systemui.html). However, the purpose of `system-ui` [(reference here)](https://drafts.csswg.org/css-fonts-4/#valdef-font-family-system-ui) is to allow web content to integrate with the look and feel of the native OS. Which makes this font-family a good choice for other devices _if_ the problem is solved by putting Segoe UI first. 
- `Roboto,` - This is our fallback font for androids devices. Having Segoe set before this allows windows to use its system default font even if you have installed Roboto for development reasons. 
- `Helvetica Neue,` - This is a fallback for older macOS
- `Arial` - Using this to catch any of the very old Windows versions (shoutout windows 95)
- `sans-serif` - Our last resort to get a font without serifs
- `  'Apple Color Emoji',  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';` - All the emoji's for the OS's mentioned above. 😁
2022-02-14 15:17:02 +00:00
Thibaud Colas
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
Thibaud Colas
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
Thibaud Colas
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
Shariq Jamil
28d9ded998 Add border to help/warning blocks for high contrast mode
- ensures the content has visible separation in windows high contrast mode
- fixes #7447
2022-01-15 23:37:05 +10:00
Wicked
88c7d46282
Improve the visibility of field error messages, in Windows high-contrast mode and out (#7663) Fix #7241
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-01-13 06:46:35 +00:00
Thibaud Colas
7e4745fd38 Add mobile support for sidebar sub-panels 2022-01-12 16:46:08 +00: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
Storm Heg
877297f67e
[slim-sidebar] Styling changes 2021-06-23 21:50:33 +01:00
Storm Heg
2b35464783 sidebar: use darker background color 2021-06-21 14:29:34 +01:00
Storm Heg
dec4e9a0a3 Increase slim sidebar width 2021-06-21 14:29:34 +01:00
Karl Hobley
33af79a1c4 Initial work on new sidebar react/css 2021-06-10 14:18:19 +01:00
jacobtoppm
7907aff7ff Use CSS variables for comment highlight colours 2021-04-20 18:25:30 +01: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
Matt Westcott
eb5b17c281 Remove final vestiges of clipboard-list being part of the icon font 2020-07-24 16:59:33 +01:00
Karl Hobley
a80c34983b Workflow pages formset (#6171)
* Give "Create task" its own template
* Implement workflow pages formset
* Delete 'add workflow to page' view
* Moved $object-title-height to variables.scss
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
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
Bertrand Bordage
2b3f8fe4e1
Adds the duplicate icon from wagtail-react-streamfield. (#6227) 2020-07-15 16:01:41 +02: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
Thibaud Colas
c5e60ca1d4 Fix help-inverse icon regression introduced by icon refactorings in #5359 2019-06-12 18:41:51 +01:00
Thibaud Colas
431782c7ae Switch all icons to be defined with private use codepoints instead of ASCII letters 2019-06-06 17:58:01 +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
278cda67ab Add global tab-through focus outline styles 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
nmorduch
2668c05146 Rearrange SCSS structure according to ITCSS 2019-04-11 11:08:47 +02:00