muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 19:16:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

dialogs: scrollbars

Browse source
This commit is contained in:
muerwre 2018-12-07 10:40:09 +07:00
parent 78216ee94e
commit b108b1abc9
7 changed files with 206 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/styles/colors.less
View file

@ -21,7 +21,5 @@
@color_success: #7cd766;
@color_danger: #ff3344;
// @bar_shadow: rgba(0,0,0,0.3) 0 2px 0, inset rgba(255, 255, 255, 0.05) 1px 1px;
// @dialog_shadow: rgba(0,0,0,0.3) 2px 0 0;
@dialog_shadow: rgba(0,0,0,0.3) 0 0 0 2px;
@bar_shadow: rgba(0,0,0,0.3) 0 0 0 2px, inset rgba(255, 255, 255, 0.05) 1px 1px;
@bar_shadow: rgba(0,0,0,0.3) 0 2px 0, inset rgba(255, 255, 255, 0.05) 1px 1px;
@dialog_shadow: rgba(0,0,0,0.3) 0 2px 0;

13
src/styles/dialogs.less
View file

@ -32,6 +32,19 @@
border-radius: @panel_radius;
box-shadow: @dialog_shadow;
&::before {
content: ' ';
height: 40px;
width: 100%;
left: 0;
top: 0;
// background: linear-gradient(0deg, rgba(2, 13, 43, 1) 50%, rgba(2,13,43,0));
// background: linear-gradient(0deg, rgba(34, 34, 34, 1) 50%, rgba(34, 34, 34, 0));
background: linear-gradient(180deg, rgba(39, 21, 53, 1), rgba(39, 21, 53, 0));
position: absolute;
z-index: 5;
}
&::after {
content: ' ';
height: 40px;

31
src/styles/main.less
View file

@ -69,3 +69,34 @@ body {
fill: @blue_secondary;
}
}
.track-vertical {
position: absolute;
right: 0;
height: 100%;
width: 10px !important;
}
.thumb-vertical {
position: absolute;
width: 20px !important;
left: -10px;
border-radius: 4px 0 0 4px;
transition: background 250ms;
cursor: grab;
&:hover, &:active {
background: rgba(255, 255, 255, 0.3);
}
&::after {
content: ' ';
width: 7px;
height: 100%;
display: block;
right: 0;
position: absolute;
border-radius: 4px 0 0 4px;
background: rgba(255, 255, 255, 0.5);
}
}