diff --git a/scss/misc.scss b/scss/misc.scss index bfb0a4c..5e05f69 100644 --- a/scss/misc.scss +++ b/scss/misc.scss @@ -1,3 +1,5 @@ +@use "lib/viewport"; + .user-main .about.collapsed-info .details { background: var(--d-content-background); } @@ -105,3 +107,35 @@ input[type="color"]:focus, .period-chooser-header { border-radius: 0; } + +// compatibility with the top contributors sidebar theme component +// https://meta.discourse.org/t/top-contributors-sidebar/215110 +.list-container + #list-area + > .contents + > .topic-list:has(.discourse-top-contributors) { + grid-template-areas: "head head" "body sidebar"; + grid-template-rows: auto 1fr; + + @include viewport.until(lg) { + grid-template-areas: "head head" "body body"; + } + + tbody { + display: flex; + } + + .discourse-top-contributors { + width: auto; + box-sizing: border-box; + + @include viewport.until(lg) { + display: none; + } + + .top-contributors-heading { + font-size: var(--font-up-2); + padding-bottom: 0.5em; + } + } +}