From dea56822c3119de0c87d52f8154a4a7d7043e66d Mon Sep 17 00:00:00 2001 From: dev01 Date: Mon, 26 Jun 2023 18:24:47 +0800 Subject: [PATCH] =?UTF-8?q?[=E5=89=8D=E5=8F=B0]=20=E7=B3=BB=E7=B5=B1?= =?UTF-8?q?=E7=9B=A3=E6=8E=A7=E5=B7=A6=E6=96=B9=E9=81=B8=E5=96=AE=E6=A0=B9?= =?UTF-8?q?=E6=93=9A=E6=A3=9F=E5=88=A5=E5=91=88=E7=8F=BE=20|=20api=20?= =?UTF-8?q?=E5=8F=96=E5=BE=97=E6=98=AF=E5=90=A6=E9=A1=AF=E7=A4=BA=E6=A3=9F?= =?UTF-8?q?=E5=88=A5=E4=B8=B2=E6=8E=A5=20|=20=E5=89=8D=E7=AB=AF=E7=A8=8B?= =?UTF-8?q?=E5=BA=8Fnavbar=20=E4=B8=8B=E6=8B=89=E6=89=8B=E5=88=BB=E7=A8=8B?= =?UTF-8?q?=E5=BA=8F=E5=BB=BA=E7=BD=AE=20|=20=E9=BB=9E=E9=81=B8=E9=81=B8?= =?UTF-8?q?=E5=96=AE=E9=A0=85=E7=9B=AE=E5=88=87=E6=8F=9B=E6=A3=9F=E5=88=A5?= =?UTF-8?q?=E5=8F=8A=E7=B3=BB=E7=B5=B1=E5=B0=8F=E9=A1=9E=E7=A8=8B=E5=BA=8F?= =?UTF-8?q?=E5=BB=BA=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Frontend/css/site.css | 7 - .../yourteam/plugins/yt-navbar/yt-navbar.css | 51 + Frontend/index.html | 4050 +++++++++-------- Frontend/js/init.js | 4 +- .../yourteam/plugins/yt-navbar/yt-navbar.js | 34 +- Frontend/js/yourteam/plugins/yt-tab/yt-tab.js | 1 + 6 files changed, 2245 insertions(+), 1902 deletions(-) create mode 100644 Frontend/css/yourteam/plugins/yt-navbar/yt-navbar.css diff --git a/Frontend/css/site.css b/Frontend/css/site.css index 7959549..144d2a1 100644 --- a/Frontend/css/site.css +++ b/Frontend/css/site.css @@ -81,13 +81,6 @@ input:-webkit-autofill { background-color: rgba(0, 0, 0, 0.15) !important; } .vakata-context .vakata-context-hover > a { background-color: #666666; box-shadow: 0 0 2px #2f2f2f; } .vakata-context li > a:hover { background-color: #636363; box-shadow: 0 0 2px #2f2f2f; } -.yt-left-navbar { position: fixed; left: 0; top: 0; height: 100%; z-index: 10; background-color: rgb(25 25 25 / 95%); width: auto; max-width: 300px; margin-top: 4.125rem; } -.yt-navbar-content ul { padding: 1rem 0rem; list-style-type: none; } -.yt-navbar-content ul li { position: relative; display: flex; flex-wrap: wrap; } -.yt-navbar-content ul li a { font-size: 0.9rem; padding: 0.75rem 2rem; position: relative; width: 100%; } -.yt-navbar-content ul li a:hover { background-color: var(--theme-fusion-600); } -.yt-navbar-content ul li a:active, .yt-navbar-content ul li a.active { background-color: var(--theme-light); } - .card-header.p-3.ui-draggable-handle:hover { cursor: move; } .device-wrap .card-body #info, .device-wrap .card-body #errRec, .device-wrap .card-body #opeRec { min-width: 500px; } diff --git a/Frontend/css/yourteam/plugins/yt-navbar/yt-navbar.css b/Frontend/css/yourteam/plugins/yt-navbar/yt-navbar.css new file mode 100644 index 0000000..30ec3c8 --- /dev/null +++ b/Frontend/css/yourteam/plugins/yt-navbar/yt-navbar.css @@ -0,0 +1,51 @@ +.yt-navbar { + overflow-y:auto; +} +/* width */ +.yt-navbar::-webkit-scrollbar { + width: 5px; +} + +/* Track */ +.yt-navbar::-webkit-scrollbar-track { + background: #f1f1f1; +} + +/* Handle */ +.yt-navbar::-webkit-scrollbar-thumb { + background: #888; + border-radius:5px; +} + +/* Handle on hover */ +.yt-navbar::-webkit-scrollbar-thumb:hover { + background: #555; +} +.yt-left-navbar { position: fixed; left: 0; top: 0; height: 100%; z-index: 10; background-color: rgb(25 25 25 / 95%); width: auto; max-width: 300px; margin-top: 4.125rem; } +.yt-navbar-content ul { padding: 1rem 0rem; list-style-type: none; } +.yt-navbar-content ul li { position: relative; display: flex; flex-wrap: wrap; flex-direction: column; } +.yt-navbar-content ul li a { font-size: 0.9rem; padding: 0.75rem 2.5rem; position: relative; width: 100%; } +.yt-navbar-content ul li a:hover { background-color: var(--theme-fusion-600); } +.yt-navbar-content ul li a:active, .yt-navbar-content ul li a.active { background-color: var(--theme-light); } + +.yt-navbar ul li a[data-nb-node-type=parent]::before { + content: "▶"; + position: absolute; + left: 19px; + transform:rotate(0deg); + transition:0.2s +} + +.yt-navbar ul li a[data-nb-node-type=parent][data-nb-node-status=open]::before { + transform:rotate(90deg); +} + +.yt-navbar ul li a[data-nb-node-type=parent] ~ ul{ + display:none; + opacity: 0; + transition: transform 0.3s; + transform: translateY(-5%); +} +.yt-navbar ul li a[data-nb-node-type=parent][data-nb-node-status=open] ~ ul{ + transition: transform 0.3s; +} \ No newline at end of file diff --git a/Frontend/index.html b/Frontend/index.html index 10aebee..0e794f3 100644 --- a/Frontend/index.html +++ b/Frontend/index.html @@ -8,77 +8,112 @@ Purchase: https://wrapbootstrap.com/theme/smartadmin-responsive-webapp-WB0573SK0 License: You must have a valid license purchased only from wrapbootstrap.com (link above) in order to legally use this theme for your project. --> - - - Marketing Dashboard - Application Intel - SmartAdmin v4.5.1 - - - - - - - - - - - - - - - - - - - - - + + + Marketing Dashboard - Application Intel - SmartAdmin v4.5.1 + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + - - - + - - - - -
-
- - -
- - + + + + +
- -
+ +
-
-
-
    +
    +
    +
      +
      -
      - - - + + - - - - - - -

      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

      - + + + + + + +

      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

      + +
      -
      - - -