f8df90010e
The top bar padding was different on small screens when we were in the admin section, so we're now applying the same padding everywhere. Note we're still applying extra padding on medium/large screens because in the public section we display our logo image, which has some blank space. In the admin section we're emulating this blank space with padding; we might change it in the future if we change our logo. Also note we're using `0.8rem` instead of `$line-height / 2`. The reason is tricky: there's a spec testing the reorder feature with drag and drop in the poll questions answers administration, and that test fails when the drop space is right at the bottom of the screen, which is what happens when we use the `$line-height / 2` padding. A proper solution would be to remove the inaccessible drag and drop feature and use a different method to reorder the answers.
66 lines
1.0 KiB
SCSS
66 lines
1.0 KiB
SCSS
.admin {
|
|
> header {
|
|
border-bottom: 1px solid #eee;
|
|
|
|
> * {
|
|
@include full-width-background($adjust-margin: false, $adjust-padding: true);
|
|
}
|
|
}
|
|
|
|
.top-links {
|
|
|
|
a {
|
|
line-height: rem-calc($line-height * 1.5);
|
|
}
|
|
}
|
|
|
|
.top-bar {
|
|
@include breakpoint(small only) {
|
|
|
|
.account-menu {
|
|
border-bottom: 0;
|
|
padding-bottom: 0;
|
|
margin-bottom: 0;
|
|
|
|
a {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.is-active {
|
|
font-weight: bold;
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
[class^="icon-"] {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@include breakpoint(medium) {
|
|
padding-bottom: 0.8rem;
|
|
padding-top: 0.8rem;
|
|
}
|
|
|
|
[class^="icon-"] {
|
|
font-size: $base-font-size;
|
|
}
|
|
|
|
h1 {
|
|
|
|
small {
|
|
color: inherit;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
display: inline-block;
|
|
font-family: "Lato" !important;
|
|
font-size: rem-calc(24);
|
|
font-weight: lighter;
|
|
}
|
|
}
|
|
}
|
|
}
|