discourse/app/assets/stylesheets/mobile/components/more-topics.scss

.more-topics__container {
  .nav {
    margin-block: 0 7px;
    border-bottom: 1px solid var(--primary-low);
  }

  .more-content-topics {
    padding: 15px 0 15px 0;

    .badge-category,
    .badge-category-parent {
      font-size: var(--font-down-1);
      vertical-align: top;
    }

    .suggested-topics-message {
      margin-top: 1em;
    }
  }
}
UX: Use pill design on both mobile and desktop (#23124) 2023-08-17 14:37:11 -03:00			`.more-topics__container {`
UX: update styling for related/suggested (#23231) * UX: update styling for related/suggested This PR addresses state issues for icons of the Related & Suggested buttons, as well as well as fixes alignment issues for folding phones / tablets, wider mobile devices by moving styling to the desktop scss file; also replaces border with box-shadow. 2023-08-24 15:23:35 -05:00			`.nav {`
UX: more topics mobile spacing (#23745) This PR adjusts the mobile spacing between the more topics tabs & more topics table 2023-10-02 19:19:53 -05:00			`margin-block: 0 7px;`
UX: selected indicator more topics spacing (#23696) * UX: selected indicator more topics spacing In relation to the selected indicator, this PR addresses a vertical and horizontal issue with the indicator touching the table header and its left alignment to be more consistent with the regular topic list feed. * UX: border for pill navigation on mobile Makes UI more consistent desktop -> mobile, by adding a border to the bottom of the Suggested/Related. 2023-09-27 18:23:30 -05:00			`border-bottom: 1px solid var(--primary-low);`
UX: update styling for related/suggested (#23231) * UX: update styling for related/suggested This PR addresses state issues for icons of the Related & Suggested buttons, as well as well as fixes alignment issues for folding phones / tablets, wider mobile devices by moving styling to the desktop scss file; also replaces border with box-shadow. 2023-08-24 15:23:35 -05:00			`}`

UX: Use pill design on both mobile and desktop (#23124) 2023-08-17 14:37:11 -03:00			`.more-content-topics {`
			`padding: 15px 0 15px 0;`

FEATURE: remove category badge style options, set bullet style as default (#24198) 2023-11-13 10:46:15 -05:00			`.badge-category,`
			`.badge-category-parent {`
UX: Use pill design on both mobile and desktop (#23124) 2023-08-17 14:37:11 -03:00			`font-size: var(--font-down-1);`
			`vertical-align: top;`
			`}`
DEV: Introduce stylelint (#29852) Stylelint is a css linter: https://stylelint.io/ As part of this change we have added two javascript scripts: ``` pnpm lint:css pnpm lint:css:fix ``` Look at `.vscode/settings.json.sample` and `.vscode/extensions.json` for configuration in VSCode. --------- Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com> 2025-01-20 15:27:42 +00:00
UX: Use pill design on both mobile and desktop (#23124) 2023-08-17 14:37:11 -03:00			`.suggested-topics-message {`
			`margin-top: 1em;`
			`}`
			`}`
			`}`