Enhance styling of scroll buttons, make build log wide
This commit is contained in:
parent
f1f45d4a6f
commit
54fe47b876
1 changed files with 60 additions and 12 deletions
|
@ -15,29 +15,69 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.scroll-controls {
|
.scroll-controls {
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
.scroll-step {
|
.scroll-step {
|
||||||
width: 31px;
|
width: 31px;
|
||||||
margin: 0 0 0 auto;
|
margin: 0 0 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.affix-bottom {
|
.btn.sticky,
|
||||||
position: absolute;
|
.autoscroll-container {
|
||||||
right: 25px;
|
right: 25px;
|
||||||
}
|
|
||||||
|
|
||||||
&.affix {
|
|
||||||
right: 25px;
|
|
||||||
bottom: 15px;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.sidebar-expanded {
|
.btn {
|
||||||
right: #{$gutter_width + ($gl-padding * 2)};
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
color: $white-light;
|
||||||
|
border-color: $white-light;
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
|
&.sticky {
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.autoscroll-container {
|
||||||
|
position: absolute;
|
||||||
|
|
||||||
|
.status-message {
|
||||||
|
color: $white-light;
|
||||||
|
|
||||||
|
label {
|
||||||
|
margin-left: 5px;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#scroll-top.btn.sticky {
|
||||||
|
top: 115px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#scroll-bottom.btn.sticky {
|
||||||
|
bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.sidebar-expanded {
|
||||||
|
|
||||||
|
.btn.sticky,
|
||||||
|
.autoscroll-container {
|
||||||
|
right: #{$gutter_width + ($gl-padding * 2)};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: $screen-sm-max) {
|
||||||
|
i.fa {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scroll-step-label,
|
||||||
|
.status-message label {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -248,6 +288,12 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.build-sidebar {
|
||||||
|
.container-fluid.container-limited {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.build-detail-row {
|
.build-detail-row {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
|
|
||||||
|
@ -267,6 +313,8 @@
|
||||||
margin-top: -17px;
|
margin-top: -17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@media (min-width: $screen-md-min) {
|
@media (min-width: $screen-md-min) {
|
||||||
.sub-nav.build {
|
.sub-nav.build {
|
||||||
width: calc(100% + #{$gutter_width});
|
width: calc(100% + #{$gutter_width});
|
||||||
|
|
Loading…
Reference in a new issue