Jarek Radosz
0b34d5ac6c
UX: Maximize the preview space in composer ( #15188 )
...
A follow-up to #15117 and #15141 . Applies the previous changes to PM-specific fields, makes the preview area take the all the available height of the composer, and unifies more spacing between composer elements.
2021-12-24 12:38:33 +01:00
Penar Musaraj
bf18145e70
UX: Fix flair dropdown styling in user account ( #15201 )
2021-12-06 11:28:10 -05:00
Jarek Radosz
ac79c5efc6
UX: Tweak composer styling ( #15117 )
...
* Even margins
* Slightly more muted and unified borders, separators, and icons
* Editor and preview area have same height
2021-11-30 17:41:22 +01:00
Penar Musaraj
116b93595a
UX: Fix bar-style category dropdown ( #14785 )
2021-11-01 11:17:41 -04:00
Penar Musaraj
724c836ffa
UX: Use consistent category badge font size in dropdowns ( #14502 )
2021-10-04 17:05:31 -04:00
Penar Musaraj
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
Penar Musaraj
e316467169
UX: Improve composer button bar on mobile ( #14373 )
2021-09-17 17:26:48 -04:00
Joffrey JAFFEUX
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
Penar Musaraj
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
Penar Musaraj
24e71acf3f
UX: Normalize sizing for inputs, buttons, dropdowns ( #14226 )
...
See PR for details
2021-09-09 11:01:56 -04:00
Kris
cba8b39607
UX: limit select-kit tag chooser width ( #14246 )
2021-09-03 17:27:55 -04:00
Kris
94085d0996
UX: Select-kit update alignment fixes ( #14199 )
2021-08-31 17:44:11 +02:00
Joffrey JAFFEUX
480e512e37
DEV: reapply height hack for iOS ( #14176 )
2021-08-27 12:02:05 +02:00
Penar Musaraj
8fa4849abc
FIX: minor SK3 styling issues in Safari ( #14121 )
2021-08-23 15:42:11 -04:00
Joffrey JAFFEUX
a230362f65
FIX: sk3 wizard regressions ( #14120 )
2021-08-23 19:57:42 +02:00
Joffrey JAFFEUX
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
Jordan Vidrine
2c3b4ff135
UX: UX Fixes ( #13918 )
...
* UX: Adjust name alignment on email group chooser
* UX: Remove dotted line when using j/k navigation on topic
2021-08-02 17:36:48 -05:00
awesomerobot
343ea81ac3
UX: Remove theme-specific css, fix space
2021-07-28 09:34:33 +08:00
Bianca Nenciu
c39ab6c0ae
FIX: Do not wrap flair title in chooser ( #13667 )
2021-07-08 15:51:47 +03:00
Bianca Nenciu
87c1e98571
FEATURE: Let users select flair ( #13587 )
...
User flair was given by user's primary group. This PR separates the
two, adds a new field to the user model for flair group ID and users
can select their flair from user preferences now.
2021-07-08 10:46:21 +03:00
Penar Musaraj
36162cf396
FIX: Adding multiple auto tags in watched words admin UI ( #13421 )
2021-06-17 13:42:16 -04:00
Kris
cd9941e0ca
UX: more consistent setting/edit buttons ( #13276 )
2021-06-03 18:33:36 -04:00
Penar Musaraj
e832088edf
UX: Fix styling for long label in multi-select choices ( #12877 )
2021-04-28 15:12:01 -04:00
Joffrey JAFFEUX
aa9a8d1041
UI: ensures toolbar gear button has identic color and height ( #12872 )
2021-04-28 16:22:30 +02:00
Joffrey JAFFEUX
081ada090c
UX: shows a hint when there are more tags than displayed ( #12649 )
2021-04-08 15:51:31 +02:00
Joffrey JAFFEUX
d0d54bbead
A11Y: deselect focused choice when using enter in multi-select ( #12165 )
2021-02-22 14:34:31 +01:00
Joffrey JAFFEUX
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
Osama Sayegh
293fd1f743
DEV: Deprecate {{user-selector}} and replace it with {{email-group-user-chooser}} ( #12042 )
...
`{{user-selector}}` is now deprecated and it will be removed from core in Discourse 2.8. All instances of `{{user-selector}}` has been replaced with `{{email-group-user-chooser}}`.
2021-02-12 13:51:36 +03:00
Kris
fcdf7ef019
UX: Remove 2px border from some select-kit buttons ( #12016 )
2021-02-09 16:35:10 +11:00
Kris
3ed6747bf2
UX: Show caret icon on user notification dropdown ( #11991 )
2021-02-05 10:30:36 -05:00
Penar Musaraj
2dc48fd6c1
UX: Uniformize styles for focus states ( #11933 )
2021-02-03 11:45:54 -05:00
Osama Sayegh
98201ecc24
DEV: {{user-selector}} replacement ( #11726 )
...
This PR is the first step towards replacing our `{{user-selector}}` and eventually deprecating and removing it from our codebase. Some of `{{user-selector}}` problems are:
1. It's called `{{user-selector}}`, but in reality in can also select groups and emails.
2. It's an Ember component, yet it doesn't have a handlebars template and uses jQuery to render itself and modify the DOM. An example of this problem is when you want to clear the selected users programmatically, see [this](6c155dba77/app/assets/javascripts/discourse/app/components/user-selector.js (L179-L185)
2021-02-01 13:07:11 +03:00
Penar Musaraj
670b438ca5
UX: Use uniform style for tag counts ( #11743 )
2021-01-18 15:11:23 -05:00
Penar Musaraj
303f229e98
DEV: Use indexes when importing SCSS from a folder ( #11591 )
...
By default, SCSS does not support globbing. This removes our magic and uses index files to import all files in a folder.
2020-12-30 15:29:10 -05:00
Penar Musaraj
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
Dan Ungureanu
4638c6fc8d
FEATURE: Add 'all subcategories' option in category-selector ( #11099 )
2020-11-23 10:55:32 +02:00
Joffrey JAFFEUX
a73fd4227f
FIX: disabled option for sk was not working correctly ( #10900 )
...
Name was incorrect and it was only removing cursor events and not changing style.
2020-10-13 11:31:07 +02:00
jjaffeux
bab56fdb9d
Revert "UX: Prevent categories from overflowing select-kit"
...
This reverts commit f1ac3cf888
2020-09-26 22:14:52 +02:00
awesomerobot
f1ac3cf888
UX: Prevent categories from overflowing select-kit
2020-09-25 19:31:41 -04:00
Jarek Radosz
b2adbead59
DEV: Apply unselectable style consistently
2020-09-21 13:32:46 +02:00
Kris
489443e3a9
UX: Better handling of long category names and button bar in composer ( #10542 )
2020-08-26 19:38:20 -04:00
Penar Musaraj
8b2c4b07a4
UX: Tweaks to admin color palette dropdown ( #10502 )
2020-08-21 09:30:11 -04:00
Penar Musaraj
8633e3cae8
FIX: iOS/iPadOS freezing when changing notification level in topic footer
2020-08-11 22:39:17 -04:00
Penar Musaraj
af63871d4d
FIX: Missing bottom border in select-kit color list settings
2020-08-06 14:52:17 -04:00
Penar Musaraj
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
Penar Musaraj
e6349685d3
UX: Uniform focus styles for composer inputs/textarea ( #10296 )
...
Uses a thin border as indicator that element is in focus for all editable items in the composer (inputs, select kit, textarea).
Disables a default iOS style that has a blinking background color on inputs/textareas
2020-08-03 10:01:04 -04:00
Penar Musaraj
3116591dc6
DEV: Refactor dark-light-choose() usage in SCSS
...
Covers most, but not all, cases.
2020-07-29 09:09:37 -04:00
Jordan Vidrine
7cf45dab01
Remove darken & lighten functions from scss ( #10330 )
2020-07-28 18:21:53 -04:00
Penar Musaraj
81ab62c72a
DEV: Refactor blend-primary-secondary() usage in SCSS
2020-07-28 13:33:31 -04:00
Kris
02d3bf304a
remove inaccurate comment, follow up to c028936
2020-06-19 16:49:56 -04:00
Kris
c0289362f7
Safari icon fix, follow up to 5cc0369
2020-06-19 16:44:34 -04:00
Guo Xiang Tan
52580605d8
FIX: select-kit components not being hidden.
2020-06-17 09:39:51 +08:00
Kris
2adad96d05
Center align items in select kit headers
2020-06-12 17:07:50 -04:00
Kris
fbeaba4acf
FIX: don't override category text color in dropdown
2020-06-08 16:45:30 -04:00
Kris
5cc0369898
Minor dropdown icon width fix
2020-06-04 17:26:57 -04:00
Guo Xiang Tan
141fba8866
UX: Ensure that select-kit is hidden consistently.
2020-06-03 11:51:01 +08:00
Joffrey JAFFEUX
8f59f155fb
UI: makes topic count less visible in category drop ( #9938 )
2020-05-30 00:32:20 +02:00
Joffrey JAFFEUX
c5ccf5f93c
UI: removes font-weight: bold from category-drop names ( #9937 )
2020-05-30 00:06:35 +02:00
Joffrey JAFFEUX
5d792483f0
UI: various select-kit dropdown tweaks/cleaning ( #9922 )
2020-05-29 11:11:28 +02:00
Joffrey JAFFEUX
d7d5bb4454
UX: homogenises sk row padding and topic-admin-menu ( #9920 )
2020-05-29 09:35:43 +02:00
Joffrey JAFFEUX
31d1468922
UX: reworks various menus to homogenize them ( #9905 )
...
- bookmark modal menu
- topic-footer-mobile-dropdown
- post-admin-menu
- topic-admin-menu
- quick-access menus
- toolbar-popup-menu
2020-05-29 08:05:21 +02:00
Kris
b9d9bbb95f
UX: More consistent alignment of topic timer's selected datetimes
2020-05-27 22:19:00 -04:00
Michael Brown
d9a02d1336
Revert "Revert "Merge branch 'master' of https://github.com/discourse/discourse ""
...
This reverts commit 20780a1eeee62a85cf2660c2e203d26cd6
2020-05-23 00:56:13 -04:00
Jeff Atwood
20780a1eee
Revert "Merge branch 'master' of https://github.com/discourse/discourse "
...
This reverts commit e62a85cf6f2660c2e21d
2020-05-22 20:25:56 -07:00
Joffrey JAFFEUX
a239900522
UI: reduces category row description margin ( #9834 )
2020-05-19 20:44:54 +02:00
Joffrey JAFFEUX
ab6737c44a
UX: improves topic-notifications-button loading behavior ( #9832 )
2020-05-19 17:13:40 +02:00
Joffrey JAFFEUX
7c3663ff73
UX: adds visual feedback when changing topic notifications level ( #9831 )
2020-05-19 13:27:57 +02:00
Joffrey JAFFEUX
3623a395dc
UI: refinements to topic footer buttons ( #9780 )
2020-05-19 09:51:34 +02:00
Joffrey JAFFEUX
cfad38184d
FIX: improves and fixes a regression with category-selector ( #9821 )
2020-05-18 17:44:47 +02:00
Joffrey JAFFEUX
320b21ab5b
UX: allows dropdown-select-box to display a caret ( #9803 )
...
```
selectKitOptions: {
showCaret: true // default false
}
```
2020-05-18 10:50:33 +02:00
Joffrey JAFFEUX
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
Joffrey JAFFEUX
bd0abddf6f
UX: attempts to have a better use of available space with sk ( #9639 )
2020-05-05 12:59:47 +02:00
Joffrey JAFFEUX
5e9c96dfed
REFACTOR: minor tweaks to user's notifications-filter ( #9623 )
2020-05-04 09:09:13 +02:00
Ahmed Gagan
99abdf51cd
FEATURE: adds a filter for all/unread/read on user's notifications page ( #9535 )
2020-05-04 08:36:59 +02:00
Joffrey JAFFEUX
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
Joffrey JAFFEUX
b19d50f355
FIX: site settings dropdown can be 440px width ( #9539 )
2020-04-23 23:12:58 +02:00
Joffrey JAFFEUX
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
Joffrey JAFFEUX
4c248fc5c4
UX: do not attempt to full width sk on mobile ( #9520 )
2020-04-22 20:39:45 +02:00
Joffrey JAFFEUX
5fb5807098
FIX: caret icon should inherit its color ( #9513 )
2020-04-22 13:10:02 +02:00
Joffrey JAFFEUX
4889dbde49
FIX: differentiate sk outline handling on single/multi ( #9512 )
2020-04-22 13:02:20 +02:00
Joffrey JAFFEUX
5c45363e67
UX: better outline support in sk components ( #9510 )
2020-04-22 10:54:02 +02:00
Kris
10c2087a02
UX: Prevent category dropdown from wrapping count, limit mobile width
2020-04-13 17:23:37 -04:00
Penar Musaraj
a3d47f1aad
UX: Better spacing for icons in select-kit labels
...
Followup to c14e3adac5
2020-03-27 16:06:40 -04:00
Jordan Vidrine
9521a88984
UI: Fix 'lock' icon spacing in category dropdown
2020-03-25 08:59:00 -05:00
Penar Musaraj
c14e3adac5
UX: Better spacing for icon in select-kit label
2020-03-13 09:36:04 -04:00
Joffrey JAFFEUX
bd49368942
FIX: ensures topic count is correctly showing in box category badges ( #9034 )
2020-02-24 23:41:36 +01:00
Joffrey JAFFEUX
8f82d790d4
FIX: prevents notifications button to be cutoff on mobile ( #8998 )
2020-02-18 23:40:10 +01:00
Penar Musaraj
8a0abafc9d
UX: Adjust width for topic notifications dropdown on mobile
...
Previously, the dropdown was set to 400px wide, which exceeds the available width on many mobile devices.
2020-02-18 14:17:34 -05:00
Kris
103af2dcce
FIX: Toolbar menu specificity
2020-02-14 13:44:38 -05:00
Kris
e7c4ebc6d5
Fix styling for topic count in category chooser
2020-02-12 22:19:00 -05:00
Penar Musaraj
a791b67e66
UX: Use border-box sizing on SK2 dropdowns
2020-02-12 14:14:36 -05:00
Joffrey JAFFEUX
9d50e1b40f
DEV: introducing user-chooser ( #8910 )
2020-02-11 15:54:56 +01:00
Joffrey JAFFEUX
8ca9ad887d
FIX: replaces fake null value by clearable option ( #8875 )
2020-02-06 08:30:26 +01:00
Joffrey JAFFEUX
f0fe2ba9ac
UX: introduces icon-picker component for badges ( #8844 )
2020-02-05 00:41:10 +01:00
Joffrey JAFFEUX
666a4be888
UX: prevents mini tag chooser header to wrap ( #8858 )
2020-02-04 23:55:50 +01:00
Joffrey JAFFEUX
0431942f3d
DEV: select-kit 2 ( #7998 )
...
This new iteration of select-kit focuses on following best principales and disallowing mutations inside select-kit components. A best effort has been made to avoid breaking changes, however if you content was a flat array, eg: ["foo", "bar"] You will need to set valueProperty=null and nameProperty=null on the component.
Also almost every component should have an `onChange` handler now to decide what to do with the updated data. **select-kit will not mutate your data by itself anymore**
2020-02-03 14:22:14 +01:00
Kris
89154308b0
UX: Minor user admin page adjustments, accomodating for long group names
2019-12-18 09:26:03 -05:00
Krzysztof Kotlarek
f59647cd55
FIX: move IE specific CSS rules to discourse-internet-explorer plugin ( #8567 )
2019-12-18 15:25:16 +11:00
Kris
9c41b66996
UX: Tag combo box styles should match tags on topics
2019-12-11 14:49:39 -05:00
Kris
b066a4128d
Adding a text-overflow: ellipsis; mixin and related cleanup
2019-11-06 14:00:29 -05:00
