Fixed navigator scrolling and style

2021-02-19 22:55:31 +01:00 · 2021-02-19 22:55:31 +01:00 · c8fa61cc4f
parent 8ab72e8f94
commit c8fa61cc4f
71 changed files with 187 additions and 169 deletions
--- a/platypush/backend/http/dist/index.html
+++ b/platypush/backend/http/dist/index.html
--- a/platypush/backend/http/dist/static/css/app.5dfe36b3.css
+++ b/platypush/backend/http/dist/static/css/app.5dfe36b3.css
--- a/platypush/backend/http/dist/static/css/app.ee0b3e50.css
+++ b/platypush/backend/http/dist/static/css/app.ee0b3e50.css
--- a/platypush/backend/http/dist/static/css/chunk-01396ebc.55f7ede0.css
+++ b/platypush/backend/http/dist/static/css/chunk-01396ebc.55f7ede0.css
--- a/platypush/backend/http/dist/static/css/chunk-01396ebc.920effd7.css
+++ b/platypush/backend/http/dist/static/css/chunk-01396ebc.920effd7.css
--- a/platypush/backend/http/dist/static/css/chunk-12dc74e9.397c4e62.css
+++ b/platypush/backend/http/dist/static/css/chunk-12dc74e9.397c4e62.css
--- a/platypush/backend/http/dist/static/css/chunk-12dc74e9.505ac0f9.css
+++ b/platypush/backend/http/dist/static/css/chunk-12dc74e9.505ac0f9.css
--- a/platypush/backend/http/dist/static/css/chunk-13b07ca5.029dd736.css
+++ b/platypush/backend/http/dist/static/css/chunk-13b07ca5.029dd736.css
--- a/platypush/backend/http/dist/static/css/chunk-13b07ca5.38a05394.css
+++ b/platypush/backend/http/dist/static/css/chunk-13b07ca5.38a05394.css
--- a/platypush/backend/http/dist/static/css/chunk-1653b664.5b949e24.css
+++ b/platypush/backend/http/dist/static/css/chunk-1653b664.5b949e24.css
--- a/platypush/backend/http/dist/static/css/chunk-1653b664.a68561be.css
+++ b/platypush/backend/http/dist/static/css/chunk-1653b664.a68561be.css
--- a/platypush/backend/http/dist/static/css/chunk-194b2204.cdabe5b0.css
+++ b/platypush/backend/http/dist/static/css/chunk-194b2204.cdabe5b0.css
--- a/platypush/backend/http/dist/static/css/chunk-194b2204.f893d85c.css
+++ b/platypush/backend/http/dist/static/css/chunk-194b2204.f893d85c.css
--- a/platypush/backend/http/dist/static/css/chunk-22aa1dbc.49496a07.css
+++ b/platypush/backend/http/dist/static/css/chunk-22aa1dbc.49496a07.css
--- a/platypush/backend/http/dist/static/css/chunk-22aa1dbc.5d45d8b9.css
+++ b/platypush/backend/http/dist/static/css/chunk-22aa1dbc.5d45d8b9.css
--- a/platypush/backend/http/dist/static/css/chunk-23726328.2a852a62.css
+++ b/platypush/backend/http/dist/static/css/chunk-23726328.2a852a62.css
--- a/platypush/backend/http/dist/static/css/chunk-23726328.7e460329.css
+++ b/platypush/backend/http/dist/static/css/chunk-23726328.7e460329.css
--- a/platypush/backend/http/dist/static/css/chunk-2ca39dde.594b16d3.css
+++ b/platypush/backend/http/dist/static/css/chunk-2ca39dde.594b16d3.css
--- a/platypush/backend/http/dist/static/css/chunk-2ca39dde.efa1eae8.css
+++ b/platypush/backend/http/dist/static/css/chunk-2ca39dde.efa1eae8.css
--- a/platypush/backend/http/dist/static/css/chunk-2ce5c25d.8ffe0de8.css
+++ b/platypush/backend/http/dist/static/css/chunk-2ce5c25d.8ffe0de8.css
--- a/platypush/backend/http/dist/static/css/chunk-2ce5c25d.c669bc57.css
+++ b/platypush/backend/http/dist/static/css/chunk-2ce5c25d.c669bc57.css
--- a/platypush/backend/http/dist/static/css/chunk-2f304dee.a37063a7.css
+++ b/platypush/backend/http/dist/static/css/chunk-2f304dee.a37063a7.css
--- a/platypush/backend/http/dist/static/css/chunk-2f304dee.a8a2d99a.css
+++ b/platypush/backend/http/dist/static/css/chunk-2f304dee.a8a2d99a.css
--- a/platypush/backend/http/dist/static/css/chunk-42afd16f.3adf876e.css
+++ b/platypush/backend/http/dist/static/css/chunk-42afd16f.3adf876e.css
--- a/platypush/backend/http/dist/static/css/chunk-42afd16f.58afedb7.css
+++ b/platypush/backend/http/dist/static/css/chunk-42afd16f.58afedb7.css
--- a/platypush/backend/http/dist/static/css/chunk-4748c324.0a2f05d9.css
+++ b/platypush/backend/http/dist/static/css/chunk-4748c324.0a2f05d9.css
--- a/platypush/backend/http/dist/static/css/chunk-4748c324.3e3aa652.css
+++ b/platypush/backend/http/dist/static/css/chunk-4748c324.3e3aa652.css
--- a/platypush/backend/http/dist/static/css/chunk-487896e7.37d24614.css
+++ b/platypush/backend/http/dist/static/css/chunk-487896e7.37d24614.css
--- a/platypush/backend/http/dist/static/css/chunk-487896e7.b7730bd4.css
+++ b/platypush/backend/http/dist/static/css/chunk-487896e7.b7730bd4.css
--- a/platypush/backend/http/dist/static/css/chunk-49211740.43a25f0f.css
+++ b/platypush/backend/http/dist/static/css/chunk-49211740.43a25f0f.css
--- a/platypush/backend/http/dist/static/css/chunk-49211740.7cdaa500.css
+++ b/platypush/backend/http/dist/static/css/chunk-49211740.7cdaa500.css
--- a/platypush/backend/http/dist/static/css/chunk-4d5b9580.b22779c7.css
+++ b/platypush/backend/http/dist/static/css/chunk-4d5b9580.b22779c7.css
--- a/platypush/backend/http/dist/static/css/chunk-4d5b9580.e89f1fe8.css
+++ b/platypush/backend/http/dist/static/css/chunk-4d5b9580.e89f1fe8.css
--- a/platypush/backend/http/dist/static/css/chunk-4dae396b.92b3713e.css
+++ b/platypush/backend/http/dist/static/css/chunk-4dae396b.92b3713e.css
--- a/platypush/backend/http/dist/static/css/chunk-4dae396b.d1c66125.css
+++ b/platypush/backend/http/dist/static/css/chunk-4dae396b.d1c66125.css
--- a/platypush/backend/http/dist/static/css/chunk-5145872a.197de139.css
+++ b/platypush/backend/http/dist/static/css/chunk-5145872a.197de139.css
--- a/platypush/backend/http/dist/static/css/chunk-5145872a.53b4d005.css
+++ b/platypush/backend/http/dist/static/css/chunk-5145872a.53b4d005.css
--- a/platypush/backend/http/dist/static/css/chunk-5371f448.0715d0ea.css
+++ b/platypush/backend/http/dist/static/css/chunk-5371f448.0715d0ea.css
--- a/platypush/backend/http/dist/static/css/chunk-5371f448.6711f0b2.css
+++ b/platypush/backend/http/dist/static/css/chunk-5371f448.6711f0b2.css
--- a/platypush/backend/http/dist/static/css/chunk-5766fd9f.8a0131ad.css
+++ b/platypush/backend/http/dist/static/css/chunk-5766fd9f.8a0131ad.css
--- a/platypush/backend/http/dist/static/css/chunk-5766fd9f.a7fa242b.css
+++ b/platypush/backend/http/dist/static/css/chunk-5766fd9f.a7fa242b.css
--- a/platypush/backend/http/dist/static/css/chunk-58df877b.2ebc3de8.css
+++ b/platypush/backend/http/dist/static/css/chunk-58df877b.2ebc3de8.css
--- a/platypush/backend/http/dist/static/css/chunk-58df877b.7ca464b4.css
+++ b/platypush/backend/http/dist/static/css/chunk-58df877b.7ca464b4.css
--- a/platypush/backend/http/dist/static/css/chunk-595ffc05.2263ba9e.css
+++ b/platypush/backend/http/dist/static/css/chunk-595ffc05.2263ba9e.css
--- a/platypush/backend/http/dist/static/css/chunk-595ffc05.678c9c97.css
+++ b/platypush/backend/http/dist/static/css/chunk-595ffc05.678c9c97.css
--- a/platypush/backend/http/dist/static/css/chunk-64076603.6bf22fce.css
+++ b/platypush/backend/http/dist/static/css/chunk-64076603.6bf22fce.css
--- a/platypush/backend/http/dist/static/css/chunk-64076603.e451beea.css
+++ b/platypush/backend/http/dist/static/css/chunk-64076603.e451beea.css
--- a/platypush/backend/http/dist/static/css/chunk-675c7703.33531ad8.css
+++ b/platypush/backend/http/dist/static/css/chunk-675c7703.33531ad8.css
--- a/platypush/backend/http/dist/static/css/chunk-675c7703.75b51be7.css
+++ b/platypush/backend/http/dist/static/css/chunk-675c7703.75b51be7.css
--- a/platypush/backend/http/dist/static/css/chunk-792fd41e.4d467174.css
+++ b/platypush/backend/http/dist/static/css/chunk-792fd41e.4d467174.css
--- a/platypush/backend/http/dist/static/css/chunk-792fd41e.b23f4151.css
+++ b/platypush/backend/http/dist/static/css/chunk-792fd41e.b23f4151.css
--- a/platypush/backend/http/dist/static/css/chunk-7fae0422.93391899.css
+++ b/platypush/backend/http/dist/static/css/chunk-7fae0422.93391899.css
--- a/platypush/backend/http/dist/static/css/chunk-7fae0422.c233115f.css
+++ b/platypush/backend/http/dist/static/css/chunk-7fae0422.c233115f.css
--- a/platypush/backend/http/dist/static/css/chunk-cf32428c.9d61b486.css
+++ b/platypush/backend/http/dist/static/css/chunk-cf32428c.9d61b486.css
--- a/platypush/backend/http/dist/static/css/chunk-cf32428c.a0014f36.css
+++ b/platypush/backend/http/dist/static/css/chunk-cf32428c.a0014f36.css
--- a/platypush/backend/http/dist/static/css/chunk-d22da0c0.7c71cffb.css
+++ b/platypush/backend/http/dist/static/css/chunk-d22da0c0.7c71cffb.css
--- a/platypush/backend/http/dist/static/css/chunk-d22da0c0.cbfca9f4.css
+++ b/platypush/backend/http/dist/static/css/chunk-d22da0c0.cbfca9f4.css
--- a/platypush/backend/http/dist/static/css/chunk-d28a86c4.93878d6f.css
+++ b/platypush/backend/http/dist/static/css/chunk-d28a86c4.93878d6f.css
--- a/platypush/backend/http/dist/static/css/chunk-d28a86c4.cdd32c08.css
+++ b/platypush/backend/http/dist/static/css/chunk-d28a86c4.cdd32c08.css
--- a/platypush/backend/http/dist/static/css/chunk-da9476ec.f11f702d.css
+++ b/platypush/backend/http/dist/static/css/chunk-da9476ec.f11f702d.css
--- a/platypush/backend/http/dist/static/css/chunk-da9476ec.f1965e2d.css
+++ b/platypush/backend/http/dist/static/css/chunk-da9476ec.f1965e2d.css
--- a/platypush/backend/http/dist/static/css/chunk-ee62c128.44bbe779.css
+++ b/platypush/backend/http/dist/static/css/chunk-ee62c128.44bbe779.css
--- a/platypush/backend/http/dist/static/css/chunk-ee62c128.edca8ceb.css
+++ b/platypush/backend/http/dist/static/css/chunk-ee62c128.edca8ceb.css
--- a/platypush/backend/http/dist/static/js/app.cb369544.js
+++ b/platypush/backend/http/dist/static/js/app.cb369544.js
--- a/platypush/backend/http/dist/static/js/app.cb369544.js.map
+++ b/platypush/backend/http/dist/static/js/app.cb369544.js.map
--- a/platypush/backend/http/dist/static/js/app.dff5461f.js
+++ b/platypush/backend/http/dist/static/js/app.dff5461f.js
--- a/platypush/backend/http/dist/static/js/chunk-vendors.5b2a06bb.js.map
+++ b/platypush/backend/http/dist/static/js/chunk-vendors.5b2a06bb.js.map
--- a/platypush/backend/http/dist/static/js/chunk-vendors.93611814.js
+++ b/platypush/backend/http/dist/static/js/chunk-vendors.93611814.js
--- a/platypush/backend/http/dist/static/js/chunk-vendors.93611814.js.map
+++ b/platypush/backend/http/dist/static/js/chunk-vendors.93611814.js.map
--- a/platypush/backend/http/webapp/src/components/Nav.vue
+++ b/platypush/backend/http/webapp/src/components/Nav.vue
@ -92,7 +92,7 @@ export default {
 <style lang="scss" scoped>
 $toggler-height: 2em;
 $footer-collapsed-height: 4em;
-$footer-expanded-height: 8.25em;
+$footer-expanded-height: 7.5em;

 nav {
  @media screen and (max-width: $tablet) {
@ -125,7 +125,7 @@ nav {
  }

  li {
-    box-shadow: $nav-box-shadow-entry;
+    border: $nav-entry-border;
    cursor: pointer;
    list-style: none;

@ -158,10 +158,12 @@ nav {
  .toggler {
    width: 100%;
    display: flex;
+    background: $nav-toggler-bg;
    font-size: 1.5em;
    cursor: pointer;
-    padding: 0.4em;
+    padding: 0.6em;
    align-items: center;
+    box-shadow: $nav-toggler-shadow;
  }

  .hostname {
@ -179,13 +181,13 @@ nav {
  }

  .plugins {
-    height: calc(100% - #{$toggler-height} - #{$footer-expanded-height} - .75em);
+    height: calc(100% - #{$toggler-height} - #{$footer-expanded-height} - 1.4em);
    overflow: auto;
  }

  .footer {
    height: $footer-expanded-height;
-    background: none;
+    background: $nav-footer-bg;
    padding: 0;
    margin: 0;
  }
@ -221,16 +223,15 @@ nav {

    .toggler {
      height: $toggler-height;
+      background: none;
      text-align: center;
-    }
-
-    .plugins {
-      height: calc(100% - #{$toggler-height} - #{$footer-collapsed-height});
-      overflow: auto;
+      padding: 0.4em;
+      box-shadow: none;
    }

    .footer {
      height: $footer-collapsed-height;
+      background: none;
      padding: 0;
      margin-bottom: .5em;
    }
@ -245,9 +246,22 @@ nav {
      display: flex;
      flex-direction: column;
      justify-content: center;
+      height: calc(100% - #{$toggler-height} - #{$footer-collapsed-height});
+      overflow: hidden;
+
+      &.plugins {
+        @media screen and (min-width: $tablet) and (max-width: $desktop - 1px) {
+          justify-content: left;
+          margin: 2em 0;
+        }
+      }
+
+      &:hover {
+        overflow: auto;
+      }

      li {
-        box-shadow: none;
+        border: none;
        padding: 0;
        text-align: center;

--- a/platypush/backend/http/webapp/src/style/themes/light.scss
+++ b/platypush/backend/http/webapp/src/style/themes/light.scss
@ -81,8 +81,11 @@ $active-bg: #8fefb7 !default;
 $disabled-fg: rgb(155, 155, 155);

 /// Navigator
-$nav-bg: #002626 !default;
+$nav-bg: #141a18 !default;
 $nav-fg: #e8f8e8 !default;
+$nav-toggler-bg: black !default;
+$nav-toggler-shadow: 0 1px 1px 2px #191d1a !default;
+$nav-footer-bg: black !default;
 $nav-entry-selected-bg: #205046 !default;
 $nav-entry-hover-bg: #104036 !default;
 $nav-entry-collapsed-selected-bg: rgba(160, 245, 178, 0.95) !default;
@ -90,6 +93,7 @@ $nav-entry-collapsed-hover-bg: rgba(160, 245, 178, 0.60) !default;
 $nav-box-shadow-main: 1px 0 2px #002626;
 $nav-box-shadow-entry: 0 0 1px 1px #103824 !default;
 $nav-box-shadow-collapsed: 1px 0 2px 1px #bbb !default;
+$nav-entry-border: 1px solid #183020 !default;
 $nav-collapsed-bg: white;
 $nav-collapsed-fg: #5e5e5e;