[UI] Better default scrollbar width on Webkit.

2023-12-30 13:41:45 +01:00 · 2023-12-30 13:41:45 +01:00 · a2a07afc05
parent 12a043d67e
commit a2a07afc05
2 changed files with 9 additions and 1 deletions
--- a/platypush/backend/http/webapp/src/components/panels/Extensions/Index.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Extensions/Index.vue
@ -250,6 +250,8 @@ $header-height: 3.25em;
  }

  .extension-container {
+    max-width: calc(100% - 1em);
+
    .extension {
      display: flex;
      flex-direction: column;
--- a/platypush/backend/http/webapp/src/style/components.scss
+++ b/platypush/backend/http/webapp/src/style/components.scss
@ -52,7 +52,13 @@ a {
 }

 ::-webkit-scrollbar {
-  width: 0.75em;
+  width: 0.5em;
+  height: 0.5em;
+
+  @include until($tablet) {
+    width: 0.3333em;
+    height: 0.3333em;
+  }
 }

 ::-webkit-scrollbar-track {