diff --git a/scss/misc.scss b/scss/misc.scss index 177dfbc..6d470f7 100644 --- a/scss/misc.scss +++ b/scss/misc.scss @@ -69,8 +69,11 @@ input[type="color"]:focus, background-color: var(--background-color); } -.fk-d-menu__trigger.topic-list-layout-trigger { - display: none; +@include breakpoint(mobile-extra-large) { + // pinned topic excerpts are hidden on small screens too + .fk-d-menu__trigger.topic-list-layout-trigger { + display: none; + } } .search-container .search-header, diff --git a/scss/topic-cards.scss b/scss/topic-cards.scss index 8258fe9..94100df 100644 --- a/scss/topic-cards.scss +++ b/scss/topic-cards.scss @@ -86,7 +86,8 @@ "category category category category status" ". . . . ." "activity . . . likes-replies"; - .topic-excerpt { + .topic-excerpt, + .link-bottom-line { display: none; } } @@ -99,6 +100,9 @@ .badge-category__wrapper { height: min-content; } + .link-bottom-line { + display: flex; + } } // display contents @@ -233,14 +237,6 @@ min-width: unset; } - // excerpt - .topic-excerpt { - grid-row: 3 / -1; - grid-column: 1 / -3; - margin: 0; - font-size: var(--font-down-2); - } - // timestamp td.activity .post-activity { grid-area: activity; @@ -250,12 +246,29 @@ padding: 0; } - // metadata - // metadata - category - td.main-link .link-bottom-line { + .link-bottom-line { display: none; } + // metadata + // metadata - excerpt + .topic-excerpt, + td.main-link .link-bottom-line { + grid-row: 3 / -1; + grid-column: 1 / -3; + margin: 0; + font-size: var(--font-down-2); + + .excerpt__contents { + color: var(--primary-high); + } + + // default category position hidden + .badge-category__wrapper { + display: none; + } + } + td.topic-category-status-data { display: contents; }