Discourse/discourse
Discourse/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-10-04 17:32:34 +08:00
Code Packages Activity Actions 8

DEV: Additional topic list spacing variables (#33571)

Browse source
This commit is contained in:
Jordan Vidrine 2025-07-14 14:54:24 -05:00 • committed by GitHub
parent c16f0002fe
commit 6ad9bd4eca
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 32 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

8
app/assets/stylesheets/common/base/category-list.scss
View file

@ -150,7 +150,7 @@
}

.category-box-inner {
padding: 1em;
padding: var(--space-4);

.category-logo {
float: none;
@ -161,12 +161,12 @@

&.no-logos {
.category-box .category-box-inner > a {
padding: 3em 1em;
padding: var(--space-12) var(--space-4);
}
}

.description {
margin-bottom: 1em;
margin-bottom: var(--space-4);
text-align: var(--category-boxes-text-alignment);
font-size: var(--font-0);
color: var(--category-boxes-description-text-color);
@ -347,7 +347,7 @@
.categories-list .category {
h3,
h4 {
margin-bottom: 0;
margin-bottom: var(--d-categories-list-title-margin-bottom);
}

.category-description {

24
app/assets/stylesheets/common/base/discourse.scss
View file

@ -29,34 +29,40 @@
--d-category-border-accent-width: 6px;
--safe-area-inset-bottom: env(safe-area-inset-bottom);
--nav-space: var(--space-3);
--nav-horizontal-padding: 0;
--nav-horizontal-padding: 0em;
--d-main-content-gap: var(--space-8);
--main-outlet-padding-top: var(--space-6);
--main-outlet-padding-v: 0;
--main-outlet-padding-bottom: 0;
--main-outlet-padding-v: 0em;
--main-outlet-padding-bottom: 0em;
--table-border-width: 1px;
--d-topic-list-avatar-size: 24px;
--d-topic-list-title-font-size: var(--font-up-1);
--d-topic-list-metadata-top-space: var(--space-1);
--d-topic-list-data-padding-v: var(--space-3);
--d-topic-list-data-padding-h: var(--space-3);
--d-topic-list-data-padding-v: var(--space-1);
--d-topic-list-header-data-padding-h: var(--space-3);
--d-topic-list-header-data-padding-v: var(--space-1);
--d-topic-list-likes-views-posts-width: 4.3em;
--d-topic-list-data-padding-inline-start: var(--space-3);
--d-topic-list-data-padding-inline-end: var(--space-3);
--d-topic-list-data-font-size: var(--font-0);
--category-boxes-text-alignment: center;
--d-topic-list-header-background-color: initial;
--d-topic-list-header-text-color: initial;
--d-topic-list-margin-h: 0;
--d-topic-list-margin-v: 0;
--d-topic-list-margin-h: 0em;
--d-topic-list-margin-v: 0em;
--d-topic-list-margin-bottom: 10px;
--d-tag-horizontal-padding: 0;
--d-tag-horizontal-padding: 0em;
--d-tag-font-weight: initial;
--d-tag-font-size: var(--font-0);
--d-tag-border-radius: 0;
--d-tag-border-radius: 0px;
--d-tag-background-color: transparent;
--category-badge-title-color: currentcolor;
--category-boxes-description-text-color: var(--primary-med-or-secondary-high);
--d-category-boxes-gap: var(--space-6);
--category-boxes-title-font-size: var(--font-up-2);
--d-category-boxes-margin-top: var(--space-4);
--d-categories-list-title-margin-bottom: 0em;
--d-header-padding-v: 0.67em;
--d-table-border-top-height: 3px;
--d-wrap-padding-h: 0.67em;
@ -64,7 +70,7 @@
--topic-title-font-weight--visited: 400;
--topic-list-item-background-color: var(--secondary);
--topic-list-item-background-color--visited: var(--secondary);
--list-container-horizontal-padding: 0;
--list-container-horizontal-padding: 0em;
--d-topic-list-header-font-size: initial;
}


2
app/assets/stylesheets/common/base/list-controls.scss
View file

@ -32,7 +32,7 @@
}

.navigation-container {
width: 100%;
width: calc(100% - var(--nav-horizontal-padding) * 2);
font-size: var(--d-nav-font-size);
display: flex;
flex-wrap: wrap;

2
app/assets/stylesheets/common/components/badges.scss
View file

@ -6,7 +6,7 @@
// --------------------------------------------------
:root {
--category-badge-size: 0.75em;
--category-badge-border-radius: 0;
--category-badge-border-radius: 0px;
}

%badge {

2
app/assets/stylesheets/desktop/components/user-card.scss
View file

@ -36,7 +36,7 @@
// important for keeping the usercard uncropped
// at 200% - 400% zoom levels
--avatar-width: 4em;
--avatar-margin: 0;
--avatar-margin: 0em;

.names__primary {
font-size: var(--font-up-2);

16
app/assets/stylesheets/desktop/topic-list.scss
View file

@ -35,19 +35,21 @@
}

.topic-list-header .topic-list-data {
padding: var(--d-topic-list-header-data-padding-h) var(--space-1);
padding: var(--d-topic-list-header-data-padding-h)
var(--d-topic-list-header-data-padding-v);
color: var(--d-topic-list-header-text-color);
}

.topic-list-data {
padding: var(--d-topic-list-data-padding-v) var(--space-1);
padding: var(--d-topic-list-data-padding-h)
var(--d-topic-list-data-padding-v);

&:first-of-type {
padding-inline-start: 0.75rem;
padding-inline-start: var(--d-topic-list-data-padding-inline-start);
}

&:last-of-type {
padding-inline-end: 0.75rem;
padding-inline-end: var(--d-topic-list-data-padding-inline-end);
}

th & {
@ -131,15 +133,15 @@
}

.likes {
width: 4.3em;
width: var(--d-topic-list-likes-views-posts-width);
}

.views {
width: 4.3em;
width: var(--d-topic-list-likes-views-posts-width);
}

.posts {
width: 4.3em;
width: var(--d-topic-list-likes-views-posts-width);
}

.post-actions {

2
themes/horizon/scss/main.scss
View file

@ -64,7 +64,7 @@ body:not(.has-full-page-chat, .wizard) {

#main-outlet-wrapper {
@include viewport.until(lg) {
--main-grid-gap: 0;
--main-grid-gap: 0em;
}

@media screen and (width >= 768px) {