discourse/app/assets/stylesheets/desktop/topic.scss

.post-actions {
  @include unselectable;
  clear: both;
  text-align: right;
  margin-bottom: 10px;
  .post-action {
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px;
  }
}

.post-menu-area {
  margin: 20px 0;
}

#topic-title {
  z-index: z("base");
  margin-bottom: 1em;

  h1 {
    font-size: var(--font-up-4);
    line-height: var(--line-height-medium);
    overflow-wrap: break-word;
    width: 100%;
    a {
      color: var(--primary);
    }
  }

  .remove-featured-link {
    float: right;
    text-transform: lowercase;
    color: var(--primary-med-or-secondary-med);
    font-size: 0.857rem;
  }
}

.topic-error {
  padding: 18px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  font-size: var(--font-up-4);
  text-align: center;
  line-height: var(--line-height-medium);

  .topic-retry {
    display: block;
    margin-top: 28px;
    margin-left: auto;
    margin-right: auto;
  }
}

#topic-filter {
  background-color: var(--highlight-bg);
  padding: 8px;
  bottom: 0;
  position: fixed;
  width: 100%;
  font-size: var(--font-0);
  z-index: z("dropdown");
}

.onscreen-post .row {
  display: flex; // children should never wrap
}
Simple category breadcrumb component 2013-10-24 05:00:02 +08:00			`.post-actions {`
FIX issues with quote button Fix the following issues - Quote button quotes only one word on iOS - Quote reply popup should not come up when selecting the text in the ‘reply’ button 2013-11-04 19:51:39 +08:00			`@include unselectable;`
fix alignment of n person liked this. 2013-10-24 12:30:41 +08:00			`clear: both;`
fixing alignment on replies, buttons - also making topic new gutter link visible on touch 2013-10-23 03:37:44 +08:00			`text-align: right;`
FIX: space below post-actions 2018-01-23 10:26:07 +08:00			`margin-bottom: 10px;`
FIX issues with quote button Fix the following issues - Quote button quotes only one word on iOS - Quote reply popup should not come up when selecting the text in the ‘reply’ button 2013-11-04 19:51:39 +08:00			`.post-action {`
some reorganization, touch optimization, poster expansion design 2013-10-31 00:40:16 +08:00			`display: inline-block;`
			`margin-left: 10px;`
			`margin-top: 10px;`
FIX issues with quote button Fix the following issues - Quote button quotes only one word on iOS - Quote reply popup should not come up when selecting the text in the ‘reply’ button 2013-11-04 19:51:39 +08:00			`}`
some reorganization, touch optimization, poster expansion design 2013-10-31 00:40:16 +08:00			`}`
UX: Move links from gutter to below posts 2016-05-17 02:31:52 +08:00
some reorganization, touch optimization, poster expansion design 2013-10-31 00:40:16 +08:00			`.post-menu-area {`
UX: Styling embedded post collapse button 2018-01-17 04:48:47 +08:00			`margin: 20px 0;`
fixing alignment on replies, buttons - also making topic new gutter link visible on touch 2013-10-23 03:37:44 +08:00			`}`

adding missing files back in 2013-09-06 03:37:07 +08:00			`#topic-title {`
UX: Implementing a z-index system (#5507) 2018-01-17 08:05:12 +08:00			`z-index: z("base");`
UX: Align list-controls & topic-title top margins (#13150) 2021-05-26 17:12:32 +08:00			`margin-bottom: 1em;`
FIX: minor css tweaks to title-wrapper 2017-08-31 17:16:08 +08:00
some reorganization, touch optimization, poster expansion design 2013-10-31 00:40:16 +08:00			`h1 {`
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 21:31:59 +08:00			`font-size: var(--font-up-4);`
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 22:05:42 +08:00			`line-height: var(--line-height-medium);`
Prevent topic title from clipping some characters due to overflow 2020-07-28 05:26:48 +08:00			`overflow-wrap: break-word;`
FEATURE: replaces tag-chooser/tag-group-chooser with select-kit component These component were also the last using select2. As a consequence select2 is removed from Discourse in this commit. 2018-02-26 18:42:57 +08:00			`width: 100%;`
DEV: adds prettier (#5956) Run `prettier --write "app/assets/stylesheets/*/.scss" "plugins/*/.scss"` after making sure you installed it with `yarn` It's recommended to configure your editor to run prettier on file save. 2018-06-08 17:49:31 +08:00			`a {`
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-04 10:57:10 +08:00			`color: var(--primary);`
DEV: adds prettier (#5956) Run `prettier --write "app/assets/stylesheets/*/.scss" "plugins/*/.scss"` after making sure you installed it with `yarn` It's recommended to configure your editor to run prettier on file save. 2018-06-08 17:49:31 +08:00			`}`
category badge now falls below topic title & other small fixes 2014-10-02 10:54:03 +08:00			`}`
FIX: applies correct styles to icon and attempts to dry code (#8739) 2020-01-18 01:20:23 +08:00
FEATURE: remove the featured link by editing the topic 2017-11-23 03:53:35 +08:00			`.remove-featured-link {`
			`float: right;`
			`text-transform: lowercase;`
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-04 10:57:10 +08:00			`color: var(--primary-med-or-secondary-med);`
UX: Reducing number of overall font sizes 2017-12-21 04:56:53 +08:00			`font-size: 0.857rem;`
FEATURE: remove the featured link by editing the topic 2017-11-23 03:53:35 +08:00			`}`
adding missing files back in 2013-09-06 03:37:07 +08:00			`}`

DEV: Remove unused code and translations 2020-08-25 07:29:18 +08:00			`.topic-error {`
FEATURE: Nice error handling page 2014-06-17 02:25:33 +08:00			`padding: 18px;`
			`width: 60%;`
			`margin-left: auto;`
			`margin-right: auto;`
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 21:31:59 +08:00			`font-size: var(--font-up-4);`
FEATURE: Nice error handling page 2014-06-17 02:25:33 +08:00			`text-align: center;`
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 22:05:42 +08:00			`line-height: var(--line-height-medium);`
FEATURE: Nice error handling page 2014-06-17 02:25:33 +08:00
DEV: Remove unused code and translations 2020-08-25 07:29:18 +08:00			`.topic-retry {`
FEATURE: Nice error handling page 2014-06-17 02:25:33 +08:00			`display: block;`
			`margin-top: 28px;`
			`margin-left: auto;`
			`margin-right: auto;`
			`}`
			`}`

FIX: topic filter menu dissapeared 2013-10-22 22:41:09 +08:00			`#topic-filter {`
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 17:15:49 +08:00			`background-color: var(--highlight-bg);`
FIX: topic filter menu dissapeared 2013-10-22 22:41:09 +08:00			`padding: 8px;`
			`bottom: 0;`
			`position: fixed;`
			`width: 100%;`
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 21:31:59 +08:00			`font-size: var(--font-0);`
UX: Implementing a z-index system (#5507) 2018-01-17 08:05:12 +08:00			`z-index: z("dropdown");`
fixing alignment on replies, buttons - also making topic new gutter link visible on touch 2013-10-23 03:37:44 +08:00			`}`
Simple category breadcrumb component 2013-10-24 05:00:02 +08:00
UX: core adjustments and styles for the experimental sidebar (#17271) 2022-06-29 10:49:01 +08:00			`.onscreen-post .row {`
			`display: flex; // children should never wrap`
			`}`