UX: sidebar appearance shouldn't shrink fonts (#17714)

This commit is contained in:
Kris 2022-07-28 14:18:27 -04:00 committed by GitHub
parent 2cb97d8de4
commit a737195687
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 17 deletions

View File

@ -196,25 +196,10 @@
/* Tablet (portrait) ----------- */
@include breakpoint(medium, $sidebar: true) {
// slightly smaller font, tighten spacing on nav pills
.nav-pills {
> li > a {
font-size: $font-0;
padding: 7px 10px;
}
}
// These styles kick in a little earlier when the sidebar appears
@include breakpoint(medium, $sidebar: true) {
.topic-list {
// tighter table header spacing
.topic-list-item .topic-list-data:first-of-type {
padding: 12px 5px;
}
// smaller table cell spacing
.topic-list-data {
padding: 10px;
font-size: $font-0;
}
// suppress views column
.views {
display: none;
@ -245,3 +230,25 @@
}
}
}
@include breakpoint(medium) {
// slightly smaller font, tighten spacing on nav pills
.nav-pills {
> li > a {
font-size: $font-0;
padding: 7px 10px;
}
}
.topic-list {
// tighter table header spacing
.topic-list-item .topic-list-data:first-of-type {
padding: 12px 5px;
}
// smaller table cell spacing
.topic-list-data {
padding: 10px;
font-size: $font-0;
}
}
}