discourse/app/assets/stylesheets/common/topic-entrance.scss

#topic-entrance {
  border: 1px solid var(--primary-low);
  padding: 5px;
  background: var(--secondary);
  box-shadow: shadow("card");
  z-index: z("dropdown");

  position: absolute;
  width: 133px;
  @include unselectable;

  button.full {
    width: 100%;
    margin-bottom: 5px;
    flex-wrap: wrap;

    .d-icon {
      display: block;
      margin: 2px auto;
      width: 100%;
      transform: rotate(90deg);
    }
  }
  button.btn.jump-bottom {
    margin: 5px 0 0 0;
  }
}
UX: When clicking an activity date, pop up a little menu with options to go to beginning or end of the topic. 2014-08-15 15:39:34 -05:00			`#topic-entrance {`
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 21:57:10 -05:00			`border: 1px solid var(--primary-low);`
UX: When clicking an activity date, pop up a little menu with options to go to beginning or end of the topic. 2014-08-15 15:39:34 -05:00			`padding: 5px;`
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 21:57:10 -05:00			`background: var(--secondary);`
UX: Implementing a box-shadow system, cleaning up existing shadows 2018-02-20 11:18:20 -06:00			`box-shadow: shadow("card");`
UX: Implementing a z-index system (#5507) 2018-01-16 18:05:12 -06:00			`z-index: z("dropdown");`
UX: When clicking an activity date, pop up a little menu with options to go to beginning or end of the topic. 2014-08-15 15:39:34 -05:00
			`position: absolute;`
			`width: 133px;`
make entire first/last entry popup unselectable 2014-08-17 01:16:07 -05:00			`@include unselectable;`

UX: When clicking an activity date, pop up a little menu with options to go to beginning or end of the topic. 2014-08-15 15:39:34 -05:00			`button.full {`
			`width: 100%;`
			`margin-bottom: 5px;`
fix topic entrance button layout (#11887) 2021-01-28 14:44:01 -06:00			`flex-wrap: wrap;`
make entire first/last entry popup unselectable 2014-08-17 01:16:07 -05:00
Upgrade to FontAwesome 5 (take two) (#6673) * Add missing icons to set * Revert FA5 revert This reverts commit 42572ff * use new SVG syntax in locales * Noscript page changes (remove login button, center "powered by" footer text) * Cast wider net for SVG icons in settings - include any _icon setting for SVG registry (offers better support for plugin settings) - let themes store multiple pipe-delimited icons in a setting - also replaces broken onebox image icon with SVG reference in cooked post processor * interpolate icons in locales * Fix composer whisper icon alignment * Add support for stacked icons * SECURITY: enforce hostname to match discourse hostname This ensures that the hostname rails uses for various helpers always matches the Discourse hostname * load SVG sprite with pre-initializers * FIX: enable caching on SVG sprites * PERF: use JSONP for SVG sprites so they are served from CDN This avoids needing to deal with CORS for loading of the SVG Note, added the svg- prefix to the filename so we can quickly tell in dev tools what the file is * Add missing SVG sprite JSONP script to CSP * Upgrade to FA 5.5.0 * Add support for all FA4.7 icons - adds complete frontend and backend for renamed FA4.7 icons - improves performance of SvgSprite.bundle and SvgSprite.all_icons * Fix group avatar flair preview - adds an endpoint at /svg-sprites/search/:keyword - adds frontend ajax call that pulls icon in avatar flair preview even when it is not in subset * Remove FA 4.7 font files 2018-11-26 15:49:57 -06:00			`.d-icon {`
UX: When clicking an activity date, pop up a little menu with options to go to beginning or end of the topic. 2014-08-15 15:39:34 -05:00			`display: block;`
Upgrade to FontAwesome 5 (take two) (#6673) * Add missing icons to set * Revert FA5 revert This reverts commit 42572ff * use new SVG syntax in locales * Noscript page changes (remove login button, center "powered by" footer text) * Cast wider net for SVG icons in settings - include any _icon setting for SVG registry (offers better support for plugin settings) - let themes store multiple pipe-delimited icons in a setting - also replaces broken onebox image icon with SVG reference in cooked post processor * interpolate icons in locales * Fix composer whisper icon alignment * Add support for stacked icons * SECURITY: enforce hostname to match discourse hostname This ensures that the hostname rails uses for various helpers always matches the Discourse hostname * load SVG sprite with pre-initializers * FIX: enable caching on SVG sprites * PERF: use JSONP for SVG sprites so they are served from CDN This avoids needing to deal with CORS for loading of the SVG Note, added the svg- prefix to the filename so we can quickly tell in dev tools what the file is * Add missing SVG sprite JSONP script to CSP * Upgrade to FA 5.5.0 * Add support for all FA4.7 icons - adds complete frontend and backend for renamed FA4.7 icons - improves performance of SvgSprite.bundle and SvgSprite.all_icons * Fix group avatar flair preview - adds an endpoint at /svg-sprites/search/:keyword - adds frontend ajax call that pulls icon in avatar flair preview even when it is not in subset * Remove FA 4.7 font files 2018-11-26 15:49:57 -06:00			`margin: 2px auto;`
fix topic entrance button layout (#11887) 2021-01-28 14:44:01 -06:00			`width: 100%;`
switch topic jump glyphs to better signify move to top/bottom 2018-10-24 20:41:41 -05:00			`transform: rotate(90deg);`
UX: When clicking an activity date, pop up a little menu with options to go to beginning or end of the topic. 2014-08-15 15:39:34 -05:00			`}`
			`}`
			`button.btn.jump-bottom {`
			`margin: 5px 0 0 0;`
			`}`
			`}`