mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2024-12-05 02:41:32 +00:00
Code Issues Releases Wiki Activity

Change scrollbar style

Browse Source
This commit is contained in:
Gabor PEK 2018-05-16 11:45:58 +02:00
parent 25515a941a
commit e6cb75ebd8
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/dashboard/dashboard.component.scss
View File

@ -22,6 +22,26 @@
}
}
@mixin set-scrollbar-style() {
::-webkit-scrollbar-track
{
background-color: #F5F5F5;
}
::-webkit-scrollbar
{
width: 4px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
background-color: gray;
}
}
.tfw-grid-main-components {
display: grid;
width: 100vw;
@ -58,10 +78,14 @@
div[class="terminal-ide-web"] & {
max-height: 55vmin;
}
@include set-scrollbar-style();
}
.tfw-ide {
background-color: $tao-plum-900;
@include set-scrollbar-style();
}
.tfw-sidebar {
@ -78,6 +102,8 @@
.tfw-terminal {
overflow-y: hidden;
background-color: $tao-gray-800;
@include set-scrollbar-style();
div[class*="web"] & {
border-top: 1px solid $tao-plum-100;