luneski/mqtt-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix resizer highlight and scroll bar style

Browse Source
This commit is contained in:
Thomas Nordquist
2019-04-15 11:00:28 +02:00
parent 2de7840897
commit 46fa93edbd
3 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
app/index.html
View File

@@ -39,7 +39,8 @@
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(30,30,30,0.3);
-webkit-box-shadow: inset 0 0 6px rgba(60,60,60,0.5);
background-color: rgba(140,140,140,0.1);
}
::-webkit-scrollbar-thumb {
@@ -74,21 +75,23 @@
}
.Resizer.horizontal:hover {
border-top: 5px solid rgba(0, 0, 0, 0.5);
border-bottom: 5px solid rgba(0, 0, 0, 0.5);
border-top: 5px solid rgba(120, 120, 120, 0.5);
border-bottom: 5px solid rgba(120, 120, 120, 0.5);
}
.Resizer.vertical {
width: 11px;
margin: 0 -5px;
border-left: 5px solid rgba(255, 255, 255, 0);
border-right: 5px solid rgba(255, 255, 255, 0);
/* width: 11px;
margin: 0 -5px; */
width: 2px;
margin: 0px -8px 0px 0px;
border-left: 4px solid rgba(128, 128, 128, 0);
border-right: 4px solid rgba(128, 128, 128, 0);
cursor: col-resize;
}
.Resizer.vertical:hover {
border-left: 5px solid rgba(255, 255, 255, 0.5);
border-right: 5px solid rgba(255, 255, 255, 0.5);
border-left: 4px solid rgba(130, 130, 130, 1);
border-right: 4px solid rgba(140, 140, 140, 1);
}
.Resizer.disabled {
cursor: not-allowed;