5f90790110
Revert "Select-kit > use new color vars" ( #20042 )
...
This reverts commit 8534391044
2023-01-27 18:09:50 +01:00
e03f6057ec
UX: Highlight var refactor ( #20026 )
...
* Add new color vars
* Select-kit > use new color vars
* update all color schemes with values for new hover/select vars
* Add variable yml names
2023-01-27 15:50:36 +01:00
19ec341bce
DEV: allow themes to more easily set border-radii ( #19037 )
2022-11-16 11:35:09 -05:00
4170b9bb58
DEV: Use more css vars ( #18561 )
...
Followup to #18518
This time it's mostly line-height vars and a couple of other uncommon vars.
2022-10-12 16:05:42 +02:00
4e1b9a225e
DEV: Reduce width calculations for SK dropdowns ( #18263 )
...
Previously we were calculating both the minimum and maximum widths for
SK dropdowns using this Popper modifier. The max. width calculation was
causing issues with dropdowns in Firefox and was also sluggish when
rendering.
This switches to using CSS calculations for max. widths. It adds a 600px
global maximum and targeted maximums for the category composer dropdown
and the bookmark list dropdowns.
2022-09-20 22:59:47 -04:00
a780b42b03
FIX: prevents iOS software keyboard to hide sk body ( #18102 )
2022-08-26 14:52:04 +02:00
63562e8b14
UX: switch highlight/select colours in select-kit ( #17356 )
2022-07-06 16:49:36 +02:00
98671445a7
UX: hide select-kits when the parent element is outside the viewport
...
If the select-kit header is not in the viewport (scrolled out of view), popper adds a data-popper-reference-hidden attribute.
This PR adds the recommended styles to "hide" the select-kit body when that happens. See
https://popper.js.org/docs/v2/modifiers/hide/
2022-06-07 16:57:10 +08:00
724c836ffa
UX: Use consistent category badge font size in dropdowns ( #14502 )
2021-10-04 17:05:31 -04:00
b0b87efb83
UX: Show scrollbar only when needed in dropdowns ( #14461 )
...
Avoids showing a disabled scrollbar when not necessary.
2021-09-28 10:36:16 -04:00
e263b84196
FIX: prevents extreme cases to overflow in selected content ( #14339 )
...
It would for example cause an issue for a lot of selected items with long names.
2021-09-14 10:49:43 -04:00
299d0ca445
UX: Minor layout tweaks to dropdowns ( #14299 )
...
- fixes mini-tag-chooser validation message
- fixes ellipsis overflow in mini-tag-chooser
- removes redundant `border-radius: 0` styles
- simplifies `user-notifications-dropdown` styling and adds example to styleguide
2021-09-10 09:00:41 -04:00
24e71acf3f
UX: Normalize sizing for inputs, buttons, dropdowns ( #14226 )
...
See PR for details
2021-09-09 11:01:56 -04:00
cba8b39607
UX: limit select-kit tag chooser width ( #14246 )
2021-09-03 17:27:55 -04:00
480e512e37
DEV: reapply height hack for iOS ( #14176 )
2021-08-27 12:02:05 +02:00
8fa4849abc
FIX: minor SK3 styling issues in Safari ( #14121 )
2021-08-23 15:42:11 -04:00
a230362f65
FIX: sk3 wizard regressions ( #14120 )
2021-08-23 19:57:42 +02:00
cb59681d86
DEV: select-kit third major update with focus on accessibility ( #13303 )
...
Major changes included:
- better support for screen readers
- trapping focus in modals
- better tabbing order in composer
- alerts on no content found/number of items found
- better autofocus in modals
- mini-tag-chooser is now a multi-select component
- each multi-select-component will now display selection on one row
2021-08-23 10:44:19 +02:00
323a5f22e7
A11Y: makes select-kit header a listbox ( #12078 )
...
Note that for now pressing enter doesn’t make anything, this is awaiting another change.
2021-02-15 18:22:10 +01:00
fcdf7ef019
UX: Remove 2px border from some select-kit buttons ( #12016 )
2021-02-09 16:35:10 +11:00
670b438ca5
UX: Use uniform style for tag counts ( #11743 )
2021-01-18 15:11:23 -05:00
490e1cfbbb
DEV: Use tag renderer in tags filter dropdown ( #11378 )
...
A small change that would allow components to extend the tag
display in the filter dropdown, like they can in other contexts.
Was requested in the tag icons component, see
https://meta.discourse.org/t/tag-icons-component/109757/60?u=pmusaraj
The PR also standardises tag styling in select-kit dropdowns.
2020-12-07 12:10:21 -05:00
bab56fdb9d
Revert "UX: Prevent categories from overflowing select-kit"
...
This reverts commit f1ac3cf888
2020-09-26 22:14:52 +02:00
f1ac3cf888
UX: Prevent categories from overflowing select-kit
2020-09-25 19:31:41 -04:00
b2adbead59
DEV: Apply `unselectable` style consistently
2020-09-21 13:32:46 +02:00
af63871d4d
FIX: Missing bottom border in select-kit color list settings
2020-08-06 14:52:17 -04:00
c937afc75e
FEATURE: automatic dark mode ( #10341 )
...
A first step to adding automatic dark mode color scheme switching. Adds a new SCSS file at `color_definitions.scss` that serves to output all SCSS color variables as CSS custom properties. And replaces all SCSS color variables with the new CSS custom properties throughout the stylesheets.
This is an alpha feature at this point, can only be enabled via console using the `default_dark_mode_color_scheme_id` site setting.
2020-08-03 22:57:10 -04:00
3116591dc6
DEV: Refactor `dark-light-choose()` usage in SCSS
...
Covers most, but not all, cases.
2020-07-29 09:09:37 -04:00
52580605d8
FIX: select-kit components not being hidden.
2020-06-17 09:39:51 +08:00
2adad96d05
Center align items in select kit headers
2020-06-12 17:07:50 -04:00
141fba8866
UX: Ensure that `select-kit` is hidden consistently.
2020-06-03 11:51:01 +08:00
5d792483f0
UI: various select-kit dropdown tweaks/cleaning ( #9922 )
2020-05-29 11:11:28 +02:00
d7d5bb4454
UX: homogenises sk row padding and topic-admin-menu ( #9920 )
2020-05-29 09:35:43 +02:00
d9a02d1336
Revert "Revert "Merge branch 'master' of https://github.com/discourse/discourse ""
...
This reverts commit 20780a1eeee62a85cf2660c2e203d26cd6
2020-05-23 00:56:13 -04:00
20780a1eee
Revert "Merge branch 'master' of https://github.com/discourse/discourse "
...
This reverts commit e62a85cf6f2660c2e21d
2020-05-22 20:25:56 -07:00
7c3663ff73
UX: adds visual feedback when changing topic notifications level ( #9831 )
2020-05-19 13:27:57 +02:00
320b21ab5b
UX: allows dropdown-select-box to display a caret ( #9803 )
...
```
selectKitOptions: {
showCaret: true // default false
}
```
2020-05-18 10:50:33 +02:00
b07f1bfd93
FIX: displays a title on sk header if no selected name ( #9794 )
...
none has to be defined.
2020-05-15 17:36:00 +02:00
bd0abddf6f
UX: attempts to have a better use of available space with sk ( #9639 )
2020-05-05 12:59:47 +02:00
90d6816d19
FIX: removes inheriting as it's too random and can be very hard to track ( #9542 )
2020-04-24 10:08:22 +02:00
b19d50f355
FIX: site settings dropdown can be 440px width ( #9539 )
2020-04-23 23:12:58 +02:00
82b43451b3
FIX: Inner content of a row could have no max-width and be very large ( #9532 )
2020-04-23 19:18:01 +02:00
4c248fc5c4
UX: do not attempt to full width sk on mobile ( #9520 )
2020-04-22 20:39:45 +02:00
5fb5807098
FIX: caret icon should inherit its color ( #9513 )
2020-04-22 13:10:02 +02:00
4889dbde49
FIX: differentiate sk outline handling on single/multi ( #9512 )
2020-04-22 13:02:20 +02:00
5c45363e67
UX: better outline support in sk components ( #9510 )
2020-04-22 10:54:02 +02:00
a3d47f1aad
UX: Better spacing for icons in select-kit labels
...
Followup to c14e3adac5
2020-03-27 16:06:40 -04:00
c14e3adac5
UX: Better spacing for icon in select-kit label
2020-03-13 09:36:04 -04:00
a791b67e66
UX: Use border-box sizing on SK2 dropdowns
2020-02-12 14:14:36 -05:00
8ca9ad887d
FIX: replaces fake null value by clearable option ( #8875 )
2020-02-06 08:30:26 +01:00
chapoi
Kris
Jarek Radosz
Penar Musaraj
Joffrey JAFFEUX
Joe
Guo Xiang Tan
Michael Brown
Jeff Atwood