Files
mostlymatter/webapp/sass/components/_scrollbar.scss
Joram Wilander 528f2dc6c3 Merge release-3.10 into master (#6654)
* PLT-6787 Fixed being able to send a post before files finished uploading (#6617)

* Fix quick switcher for channels/users not stored locally (#6610)

* Fix button text on confirm mention modal (#6609)

* fix post delete permission of channel admin (#6608)

* open comment thread for the most recent reply-able message (#6605)

* Use mutex flag with yarn to prevent concurrent builds interfering (#6619)

* Use mutex flag with yarn to prevent concurrent builds interfering

* Remove yarn mutex file with clean

* Minor bug fixes (#6615)

* PLT-6774 - Fixing color for offline icon

* PLT-6784 - Fixing status icon

* Fixing icon margin

* Updating caret position

* PLT-6070 Have ChannelMentionProvider stop searching after a term returns no results (#6620)

* Fixing JS error (#6623)

* Minor bug fixes (#6622)

* PLT-6808 - Updating channel switcher on mobile

* PLT-6743 - Updating scrollbar styling

* Login instead of failing if user exists in OAuth sign-up flow (#6627)

* PLT-6802 Disable team switcher (#6626)

* Disable team switcher

* Fix ESLint errors

* PLT-6807 Ensured select teams page can scroll on iOS (#6630)

* Do not redirect from account switch pages on 401 (#6631)

* Fixing loadtest command and renaming to /test (#6624)

* PLT-6820 Update mattermost-redux dependency (#6632)

* translations PR 20170612 (#6629)

* Bump HTTP client timeout to 30 seconds (#6633)

* For team unreads return empty array instead of null (#6636)

* PLT-6831 Fix status modal localization IDs (#6637)

* Fix status modal localization IDs

* Update test snapshot
2017-06-15 11:05:43 -04:00

79 строки
1.5 KiB
SCSS

@charset 'UTF-8';
::-webkit-scrollbar {
height: 8px; // for horizontal scrollbars
width: 8px; // for vertical scrollbars
}
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, .1);
}
::-webkit-scrollbar-thumb {
@include border-radius($border-rad * 2);
background: rgba(0, 0, 0, .2);
}
body {
&.app__body {
scrollbar-3dlight-color: #7D7E94;
scrollbar-arrow-color: #C1C1D1;
scrollbar-darkshadow-color: #2D2C4D;
scrollbar-face-color: rgba(0, 0, 0, .1);
scrollbar-highlight-color: #7D7E94;
scrollbar-shadow-color: #2D2C4D;
scrollbar-track-color: rgba(0, 0, 0, .1);
}
.ps {
> .ps__scrollbar-y-rail {
> .ps__scrollbar-y {
width: 6px !important;
}
}
&:hover {
> .ps__scrollbar-y-rail {
&:hover {
background: transparent;
}
}
}
}
}
.scrollbar--horizontal,
.scrollbar--vertical {
@include border-radius(2px);
@include alpha-property(background-color, $black, .5);
}
.scrollbar--view {
-ms-overflow-style: none;
.browser--ie & {
margin: 0 !important;
}
}
.ps-container {
&:hover {
.ps-scrollbar-x-rail,
.ps-scrollbar-y-rail {
@include opacity(.3);
}
}
> .ps-scrollbar-y-rail {
width: 10px;
&:hover {
.ps-scrollbar-y {
@include opacity(.6);
width: 6px;
}
}
}
}