More consistent scrollbars, 4 x tool links have IDs

This commit is contained in:
mattpass
2020-06-30 20:09:37 +01:00
parent 4ef637a0f5
commit 227d2467ab
6 changed files with 30 additions and 13 deletions

View File

@@ -73,6 +73,9 @@ h2 {font-size: 18px; font-weight: normal; color: #fff}
.files .tools {position: absolute; display: inline-block; width: 250px; height: 30px; left: 0; bottom: 0}
.files .tools div {display: inline-block; margin: 8px 0 8px 15px; color: #666; cursor: pointer}
.files .tools div:hover {color: #fff; cursor: pointer}
.files .tools .highlight {background: #800; color: #eee; padding: 1px 3px; margin: 7px -3px 7px 12px; border-radius: 3px}
.files .tools .error {background: #800}
.files .tools .info {background: #080}
.editor {position: absolute; display: inline-block; top: 0; left: 15px; width: 2400px}
.editor .tabsBar {display: inline-block; height: 27px; width: 2400px; margin-top: 15px; padding-left: 53px; background: #fff}
@@ -122,8 +125,9 @@ h2 {font-size: 18px; font-weight: normal; color: #fff}
.editor .output {position: fixed; top: 10000px; padding: 15px 18px 8px 13px; transition: top 0.2s ease; background: rgba(0,0,0,0.92); z-index: 2}
.editor .database {position: fixed; top: 10000px; transition: top 0.2s ease; z-index: 2}
.editor .git {position: fixed; top: 10000px; padding: 15px 18px 15px 13px; overflow-y: auto; transition: top 0.2s ease; background: rgba(0,0,0,0.92); z-index: 2}
.editor .git::-webkit-scrollbar {width: 12px; height: 12px; background: #666}
.editor .git::-webkit-scrollbar-thumb {background: rgba(0,198,255,1)}
.editor .git::-webkit-scrollbar {width: 12px; height: 12px}
.editor .git::-webkit-scrollbar-thumb {background: rgba(0,198,255,0.2)}
.editor .git::-webkit-scrollbar-thumb:hover {background: rgba(0,198,255,0.8)}
.editor .git::-webkit-scrollbar-corner, .editor .git::-webkit-scrollbar-resizer {background: transparent}
.editor .git .link {font-family: monospace; cursor: pointer}
.editor .git .link:hover {color: rgba(0,198,255,1)}