status-im
/
consul
mirror of https://github.com/status-im/consul.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #2812 from naaaargle/master 

UI Improvement: Add sticky scroll to side panel
This commit is contained in:
James Phillips 2017-05-18 10:28:28 -04:00 committed by GitHub
parent 816f34c217 8cd7fb54ed
commit 9843c2e872
4 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/index.html
View File

@ -289,7 +289,7 @@
<hr> <hr>
</div> </div>
<div class="col-md-6 col-lg-7 border-left"> <div class="col-md-6 col-lg-7 border-left sticky-scroll">
<div class="padded-border"> <div class="padded-border">
<div class="panel"> <div class="panel">

1
ui/styles/_buttons.scss
View File

@ -12,6 +12,7 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
-webkit-transform: translateZ(0);
&:hover { &:hover {
color: darken($gray, 10%); color: darken($gray, 10%);

1
ui/styles/_forms.scss
View File

@ -39,6 +39,7 @@
textarea.form-control { textarea.form-control {
height: 130px; height: 130px;
-webkit-transform: translateZ(0);
} }
.form-checkbox { .form-checkbox {

7
ui/styles/base.scss
View File

@ -71,6 +71,13 @@ a {
margin-top: 200px; margin-top: 200px;
} }
.sticky-scroll {
top: 15px;
position: sticky;
position: -webkit-sticky;
overflow: scroll;
}
.row { .row {
&.colored { &.colored {
background-color: $light-pink; background-color: $light-pink;