From d11990412467e292a167e13eb65197ed79f88647 Mon Sep 17 00:00:00 2001 From: Kubat <mael.martin31@gmail.com> Date: Fri, 12 Feb 2021 16:24:53 +0100 Subject: [PATCH] The return of the scrollbars --- instance/index.html | 16 ++++++++++++---- style/css/instance.css | 17 ++++++++++++++++- 2 files changed, 28 insertions(+), 5 deletions(-) diff --git a/instance/index.html b/instance/index.html index 8339890..204672b 100644 --- a/instance/index.html +++ b/instance/index.html @@ -192,14 +192,22 @@ class="d-flex flex-row bd-highlight mb-3 row card" style="-webkit-app-region: drag" ></div> - <div id="panelWrapper" class="row"> - <ul id="panelLeft" class="col panel d-flex flex-column bd-highlight mb-3"></ul> - <ul id="panelRight" class="col panel d-flex flex-column bd-highlight mb-3"></ul> + <div id="panelWrapper" class="row" style="margin-bottom: 13px"> + <ul + id="panelLeft" + style="padding: 0px; margin-right: 10px" + class="col panel d-flex flex-column bd-highlight mb-3" + ></ul> + <ul + id="panelRight" + style="padding: 0px; margin-left: 10px" + class="col panel d-flex flex-column bd-highlight mb-3" + ></ul> </div> <div id="progress" class="progress" - style="z-index: 666; position: fixed !important; right: 0; left: 0; bottom: 0" + style="z-index: 666; position: fixed !important; right: 0; left: 0; bottom: 0; height: 14px" > <div class="progress-bar" diff --git a/style/css/instance.css b/style/css/instance.css index ebd9d81..5dd6e05 100644 --- a/style/css/instance.css +++ b/style/css/instance.css @@ -5,13 +5,28 @@ url("../fonts/LinotypeIPACustom3.svg") format('svg'); } +/* Scrollbar */ ::-webkit-scrollbar { - display: none; + width: 13px; } +::-webkit-scrollbar-track { + background: content-box; +} + +::-webkit-scrollbar-thumb { + background: #4e5d6c; +} + +::-webkit-scrollbar-thumb:hover { + background: #df691a; +} + +/* Overall style */ body { overflow: hidden; height: 100vh; + background: #343a40; font-family: "LTFinneganCustom"; } -- GitLab