Commit 54fe47b8 authored by Kushal Pandya's avatar Kushal Pandya

Enhance styling of scroll buttons, make build log wide

parent f1f45d4a
...@@ -15,29 +15,69 @@ ...@@ -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;
z-index: 1;
} }
&.affix { .btn {
right: 25px; display: block;
bottom: 15px; margin-bottom: 10px;
z-index: 1; 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 { &.sidebar-expanded {
.btn.sticky,
.autoscroll-container {
right: #{$gutter_width + ($gl-padding * 2)}; right: #{$gutter_width + ($gl-padding * 2)};
} }
}
a { @media (max-width: $screen-sm-max) {
display: block; i.fa {
margin-bottom: 10px; margin-right: 0;
}
.scroll-step-label,
.status-message label {
display: none;
}
} }
} }
...@@ -248,6 +288,12 @@ ...@@ -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 @@ ...@@ -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});
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment