UX: sidebar appearance shouldn't shrink fonts (#17714)
This commit is contained in:
parent
2cb97d8de4
commit
a737195687
|
@ -196,25 +196,10 @@
|
||||||
|
|
||||||
/* Tablet (portrait) ----------- */
|
/* Tablet (portrait) ----------- */
|
||||||
|
|
||||||
@include breakpoint(medium, $sidebar: true) {
|
// These styles kick in a little earlier when the sidebar appears
|
||||||
// slightly smaller font, tighten spacing on nav pills
|
|
||||||
.nav-pills {
|
|
||||||
> li > a {
|
|
||||||
font-size: $font-0;
|
|
||||||
padding: 7px 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
@include breakpoint(medium, $sidebar: true) {
|
||||||
.topic-list {
|
.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
|
// suppress views column
|
||||||
.views {
|
.views {
|
||||||
display: none;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue