110 lines
2.4 KiB
CSS
110 lines
2.4 KiB
CSS
.scroller {
|
|
overflow-y: scroll;
|
|
scrollbar-color: #0A4C95 #C2D2E4;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.scroll_content {
|
|
position: relative;
|
|
width: 400px;
|
|
height: 414px;
|
|
top: -17px;
|
|
padding: 20px 10px 20px 10px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.ScrollbarPlace{
|
|
overflow: hidden;
|
|
|
|
border-left: 1px solid #555555;
|
|
width: 14px;
|
|
height: 100%;
|
|
|
|
bottom: 0px;
|
|
right: 0px;
|
|
width: 14px;
|
|
height: 100%;
|
|
|
|
background-color: #EEEEEE;
|
|
|
|
|
|
/* Inside auto layout */
|
|
flex: none;
|
|
order: 0;
|
|
align-self: stretch;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.Focused .ScrollbarPlace{
|
|
border-left: 1px solid #000000;
|
|
background-color: #AAAAAA;
|
|
box-shadow: inset -1px 0px 0px rgba(255, 255, 255, 0.29),
|
|
inset -2px 0px 0px rgba(255, 255, 255, 0.19),
|
|
inset 1px 1px 0px rgba(0, 0, 0, 0.14),
|
|
inset 2px 2px 0px rgba(0, 0, 0, 0.19);
|
|
}
|
|
|
|
.ScrollBarScrollElement{
|
|
position: relative;
|
|
visibility: hidden;
|
|
width: 14px;
|
|
height: 31px;
|
|
|
|
background: #9999FF;
|
|
|
|
box-shadow: 0px -1px 0px #000000,
|
|
0px 1px 0px #000000,
|
|
0px 2px 0px rgba(0, 0, 0, 0.13),
|
|
0px 3px 0px rgba(0, 0, 0, 0.19),
|
|
inset 0px 1px 0px rgba(255, 255, 255, 0.5),
|
|
inset 1px 0px 0px rgba(255, 255, 255, 0.5),
|
|
inset -1px -1px 0px rgba(102, 102, 204, 0.91);
|
|
|
|
/* Auto layout */
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
gap: 5px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.Focused .ScrollBarScrollElement{
|
|
visibility: visible;
|
|
}
|
|
|
|
.ScrollBarScrollElementDrag{
|
|
pointer-events: none;
|
|
/* background-color: #0A4C95; */
|
|
width: 7px;
|
|
height: 7px;
|
|
margin-left: -1px;
|
|
|
|
background: linear-gradient(transparent 0%,#CCCCFF 0%, #CCCCFF 50%, transparent 50%);
|
|
background-size: 2px 2px;
|
|
|
|
/* TODO white pixels in rows start */
|
|
filter: drop-shadow(1px 1px 0px #333399);
|
|
}
|
|
|
|
/* TODO to wde css */
|
|
.ScrollContent {
|
|
/* width: 100%;
|
|
height: 100%; */
|
|
overflow: scroll;
|
|
overflow-x: hidden;
|
|
scrollbar-width: none; /* Firefox */
|
|
-ms-overflow-style: none; /* Internet Explorer 10+ */
|
|
|
|
/* Auto layout */
|
|
/* display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
padding: 0px; */
|
|
}
|
|
|
|
.ScrollContent::-webkit-scrollbar { /* WebKit */
|
|
width: 0;
|
|
height: 0;
|
|
} |