Move to overlay scroll bars for the conversation list

Note that we're removing position: relative for the contact class, and
there might be some unexpected layout impacts. Thus far I haven't seen
any.

FREEBIE
pull/749/head
Scott Nonnenberg 8 years ago
parent 0d722a3186
commit 0e96d086c5

@ -91,7 +91,6 @@ button.hamburger {
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 10px; width: 10px;
z-index: 1000;
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
@ -317,7 +316,6 @@ $avatar-size: 44px;
border-left: 4px solid $blue; border-left: 4px solid $blue;
} }
.contact { .contact {
position: relative;
padding: 12px; padding: 12px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;

@ -24,7 +24,7 @@
.content { .content {
background-color: $grey_l; background-color: $grey_l;
flex-grow: 1; flex-grow: 1;
overflow-y: auto; overflow-y: overlay;
} }
} }
.network-status-container { .network-status-container {

@ -105,8 +105,7 @@ button.hamburger {
background-color: black; } background-color: black; }
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 10px; width: 10px; }
z-index: 1000; }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background: transparent; } background: transparent; }
@ -316,7 +315,6 @@ button.hamburger {
border-left: 4px solid #2090ea; } border-left: 4px solid #2090ea; }
.contact { .contact {
position: relative;
padding: 12px; padding: 12px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
@ -765,7 +763,7 @@ img.emoji.jumbo {
.gutter .content { .gutter .content {
background-color: #f3f3f3; background-color: #f3f3f3;
flex-grow: 1; flex-grow: 1;
overflow-y: auto; } overflow-y: overlay; }
.network-status-container .network-status { .network-status-container .network-status {
background: url("/images/error_red.svg") no-repeat left 10px center; background: url("/images/error_red.svg") no-repeat left 10px center;

Loading…
Cancel
Save