Meghna
35c66b8285
UX: properly alight close button icon on topic navigation popup ( #24487 )
2023-11-21 21:17:48 +05:30
Jordan Vidrine
e073f4e5a6
UX: Adjust topic progress wrapper border radius ( #24470 )
2023-11-21 09:15:20 -06:00
Kris
797da5870b
FEATURE: remove category badge style options, set bullet style as default ( #24198 )
2023-11-13 10:46:15 -05:00
Kris
22747e26fd
DEV: common CSS property for content backgrounds ( #23467 )
2023-09-08 12:07:04 -04:00
Roman Rizzi
af30f9945a
UX: Use pill design on both mobile and desktop ( #23124 )
2023-08-17 14:37:11 -03:00
Roman Rizzi
2485f5d5f6
FIX: Don't cut browse more message on the mobile app. ( #22998 )
...
Adds a padding-bottom to the wrapper to avoid cutting the message on the mobile app and sets a max-width to align with the timeline on the desktop.
Fixes a bug on mobile where we updated the preference, but the user had a single list.
2023-08-07 17:19:21 -03:00
Roman Rizzi
001320c9f1
FIX: Display browse more message as long as there are suggested topics ( #22967 )
2023-08-03 17:39:51 -03:00
Roman Rizzi
dd8d89d9c8
UX: Use full width when displaying a single recommendations list. ( #22896 )
2023-08-01 13:49:24 +10:00
Roman Rizzi
e7fb4be23e
UX: Topic recommendations tweaks. ( #22880 )
...
This PR updates how we display related and suggested topics on mobile and desktop. It adds a new `PluginOutlet` specifically designed for adding new topic lists, which automatically work if following the same conventions as the ones inside `<MoreTopics />`.
While we display lists side by side on desktop, we only display one in mobile. You can switch to another one by clicking on the nav pills, and we'll automatically save your preference for next time.
2023-07-31 18:33:21 -03:00
Penar Musaraj
f5e8e737ad
UX: Compact option for multi-selects ( #22239 )
...
Adds an alternative to the default multi select item, better suited for quickly adding/removing tags.
2023-07-25 11:00:02 -04:00
Kris
e0f848c2ea
REFACTOR: move shadow vars to css custom props ( #22094 )
2023-06-13 16:38:31 -04:00
Kris
5dd89e0b70
UX: iPad footer nav now included in header offset ( #21699 )
2023-05-23 17:49:19 -04:00
chapoi
87de3c2319
UX: highlight vars updates ( #20346 )
...
* UX: replace highlight vars in popup menu
* UX: replace highlight vars in autcomplete
* UX: replace highlight vars in menu-panel
* UX: update style guide
* UX: bulk replace highlight vars in various small appearances
2023-02-21 10:15:49 +01:00
Meghna
a9f2b62ac0
UX: fix the positioning of topic admin popup menu ( #19713 )
2023-01-04 17:45:24 +01:00
Kris
d0f88da9c9
FEATURE: control topic width with variables ( #18743 )
2022-10-25 14:45:37 -04:00
Jarek Radosz
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
Jarek Radosz
ea326906e3
DEV: Use css var font sizes ( #18518 )
...
For consistency and and the ability to change all font sizes at once in the dev tools
2022-10-12 15:31:59 +02:00
Kris
afa7c1ed9b
UX: account for iPad hub nav when calculating top ( #17780 )
2022-08-03 12:00:36 -04:00
Kris
f0005401b7
UX: core adjustments and styles for the experimental sidebar ( #17271 )
2022-06-29 10:49:01 +08:00
Penar Musaraj
a717c307ce
FIX: Small adjustments to topic progress position on desktop ( #15447 )
2022-01-04 18:28:26 -05:00
Bianca Nenciu
0335c9d77f
FEATURE: Add topic-navigation plugin outlet and popup component ( #15081 )
...
Adds a plugin outlet that can be used to insert a popup over topic timeline.
2021-12-15 17:16:14 +02:00
Penar Musaraj
51233ae349
UX: Fix several issues with topic progress refactor ( #14790 )
2021-11-02 13:45:40 -04:00
Penar Musaraj
095421a1e1
REFACTOR: Use IntersectionObserver to calculate topic progress position ( #14698 )
2021-10-29 09:23:15 -04:00
Penar Musaraj
8a250a1eac
UX: Ensure sticky elements don't overflow header ( #14432 )
2021-09-23 14:51:06 -04:00
Kris
75041dbbeb
UX: Remove :empty on topic-statuses, clean up ( #14227 )
2021-09-02 15:35:35 -04:00
Meghna
10c4fe5025
UX: fix PM header title alignment ( #13223 )
2021-06-01 14:36:56 +05:30
Jarek Radosz
be92f4e959
UX: Fix the PM title icon alignment ( #13214 )
...
No extra margin to the left of the input, and the icon is one pixel lower.
2021-05-31 20:47:41 +02:00
Jarek Radosz
96f3f15f38
UX: Align list-controls & topic-title top margins ( #13150 )
2021-05-26 11:12:32 +02:00
Kris
d0dfd0c73f
UX: Consistent padding on mobile/desktop .wrap ( #13155 )
2021-05-26 17:33:08 +10:00
Kris
b6aacc4c2d
UX: fix positioning of back button on progress bar ( #12847 )
2021-04-27 14:24:04 -04:00
Kris
b3cf483813
UX: Mobile consistency for topic status messages ( #12828 )
2021-04-26 18:55:50 -04:00
Kris
984d87f30c
UX: stop presence indicator hop, space consistency ( #12797 )
2021-04-22 16:11:47 -04:00
Kris
e0d17c8d19
UX: Prevent topic progress bar from overlapping ( #12780 )
2021-04-21 22:53:23 -04:00
Kris
855026eea1
UX: PM title glyph alignment and consistency improvement ( #11314 )
...
* UX: PM title glyph alignment should match public topic-status style
* minor fixes
2020-11-23 12:16:41 +11:00
Kris
3d9f127228
FIX: Remove need for overflow hidden, follow-up to da5841d ( #10971 )
2020-10-21 09:35:07 +11:00
Kris
da5841de0b
REFACTOR: Remove position fixed from the header and use sticky instead ( #10781 )
...
This removes fixed positioning from d-header and the topic timeline.
Plugins, themes and components that use the above/below header plugin outlet will likely need some margin/padding adjustments.
2020-10-19 17:26:38 -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
3116591dc6
DEV: Refactor dark-light-choose() usage in SCSS
...
Covers most, but not all, cases.
2020-07-29 09:09:37 -04:00
Kris
074fa5cb18
Follow-up Safari fixes for 89f6ff1
2020-07-27 20:45:29 -04:00
Kris
9c3f89c17e
Let category rows occupy full width when editing topic title w/ no tags
2020-07-15 19:16:02 -04:00
Joffrey JAFFEUX
9da3a7f436
FEATURE: allows published pages to be public ( #10053 )
2020-06-17 12:42:20 +02:00
Joffrey JAFFEUX
a6f986b50f
FEATURE: allows to to style published page with themes/plugins ( #9570 )
2020-04-28 18:24:24 +02:00
Robin Ward
e1f8014acd
FEATURE: Support for publishing topics as pages ( #9364 )
...
If the feature is enabled, staff members can construct a URL and publish a
topic for others to browse without the regular Discourse chrome.
This is useful if you want to use Discourse like a CMS and publish
topics as articles, which can then be embedded into other systems.
2020-04-08 12:52:36 -04:00
Joffrey JAFFEUX
a7ae28ed88
REFACTOR: removes places where we never show glyph and DRY code ( #8744 )
2020-01-17 20:58:15 +01:00
Kris
b56ade5043
FIX: show PM icon in docked header
2020-01-17 13:30:54 -05:00
Joffrey JAFFEUX
6abc2f5072
FIX: applies correct styles to icon and attempts to dry code ( #8739 )
2020-01-17 18:20:23 +01:00
Kris
af3dce4930
Hide PM glyph, follow-up to 02dbcac
2020-01-17 07:10:44 -05:00
Kris
02dbcac861
UX: Improve appearance of pm title editing
2020-01-16 21:31:17 -05:00
Kris
b066a4128d
Adding a text-overflow: ellipsis; mixin and related cleanup
2019-11-06 14:00:29 -05:00
Kris
f7923958e2
UX: fix alignment on topic progress bar and remove some magic numbers
2019-10-01 11:45:51 -04:00
