From e125b19f995e5ff77619111ce4f8ea307275593f Mon Sep 17 00:00:00 2001
From: roberto <roberto@speedtech.it>
Date: Fri, 6 Dec 2024 10:37:46 +0100
Subject: [PATCH] Fixes for new CSS

---
 assets/static/css/main.css                    | 72 ++++++++++++++++++-
 assets/static/css/orig.css                    | 65 -----------------
 assets/templates/base.tmpl                    |  2 +-
 assets/templates/items/add_to_dashboard.tmpl  |  8 +--
 .../items/remove_from_dashboard.tmpl          | 10 +--
 assets/templates/quickbox/list.tmpl           |  2 +-
 6 files changed, 73 insertions(+), 86 deletions(-)

diff --git a/assets/static/css/main.css b/assets/static/css/main.css
index baecd8f..5def876 100644
--- a/assets/static/css/main.css
+++ b/assets/static/css/main.css
@@ -94,7 +94,7 @@ body {
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.5);
-  z-index: 4;
+  z-index: 6;
 }
 
 .modal {
@@ -370,7 +370,7 @@ input[type='text']{
 }
 
 th.operations, td.operations {
-  float:right;
+  text-align:right;
 }
 
 .card {
@@ -440,7 +440,7 @@ th.operations, td.operations {
 
 #main-sidebar {
   width: 300px;
-  z-index: 5;
+  z-index: 7;
   height: 100%;
   background-color: #fff;
   position: fixed !important;
@@ -809,6 +809,7 @@ th.operations, td.operations {
 #quickbox-top-bar .logo {
   float: left;
   margin-left: 8px;
+  padding-right: 10px;
 }
 
 #quickbox-footer {
@@ -1162,3 +1163,68 @@ th.operations, td.operations {
     padding-left: 16px;
   }
 }
+
+@media (max-width:992px) {
+  /* The switch - the box around the slider */
+  .switch {
+    position: relative;
+    display: inline-block;
+    width: 46px;
+    height: 24px;
+  }
+
+  /* Hide default HTML checkbox */
+  .switch input {
+    opacity: 0;
+    width: 0;
+    height: 0;
+  }
+
+  /* The slider */
+  .slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #ccc;
+    -webkit-transition: .4s;
+    transition: .4s;
+  }
+
+  .slider:before {
+    position: absolute;
+    content: "";
+    height: 16px;
+    width: 16px;
+    left: 4px;
+    bottom: 4px;
+    background-color: white;
+    -webkit-transition: .4s;
+    transition: .4s;
+  }
+
+  input:checked+.slider {
+    background-color: #2b5797;
+  }
+
+  input:focus+.slider {
+    box-shadow: 0 0 1px #2b5797;
+  }
+
+  input:checked+.slider:before {
+    -webkit-transform: translateX(22px);
+    -ms-transform: translateX(22px);
+    transform: translateX(22px);
+  }
+
+  /* Rounded sliders */
+  .slider.round {
+    border-radius: 24px;
+  }
+
+  .slider.round:before {
+    border-radius: 50%;
+  }
+}
diff --git a/assets/static/css/orig.css b/assets/static/css/orig.css
index c20cc11..9564475 100644
--- a/assets/static/css/orig.css
+++ b/assets/static/css/orig.css
@@ -877,71 +877,6 @@ table.stickyheader.searchopened thead {
   }
 }
 
-@media (max-width:992px) {
-  /* The switch - the box around the slider */
-  .switch {
-    position: relative;
-    display: inline-block;
-    width: 46px;
-    height: 24px;
-  }
-
-  /* Hide default HTML checkbox */
-  .switch input {
-    opacity: 0;
-    width: 0;
-    height: 0;
-  }
-
-  /* The slider */
-  .slider {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: #ccc;
-    -webkit-transition: .4s;
-    transition: .4s;
-  }
-
-  .slider:before {
-    position: absolute;
-    content: "";
-    height: 16px;
-    width: 16px;
-    left: 4px;
-    bottom: 4px;
-    background-color: white;
-    -webkit-transition: .4s;
-    transition: .4s;
-  }
-
-  input:checked+.slider {
-    background-color: #2b5797;
-  }
-
-  input:focus+.slider {
-    box-shadow: 0 0 1px #2b5797;
-  }
-
-  input:checked+.slider:before {
-    -webkit-transform: translateX(22px);
-    -ms-transform: translateX(22px);
-    transform: translateX(22px);
-  }
-
-  /* Rounded sliders */
-  .slider.round {
-    border-radius: 24px;
-  }
-
-  .slider.round:before {
-    border-radius: 50%;
-  }
-}
-
 /* Medium */
 @media (max-width:992px) and (min-width:601px) {
   #page-title-container h5 {
diff --git a/assets/templates/base.tmpl b/assets/templates/base.tmpl
index a49882c..dd0bc6e 100644
--- a/assets/templates/base.tmpl
+++ b/assets/templates/base.tmpl
@@ -69,7 +69,7 @@
 
     <div id="quickbox">
       <div class="noswipe" id="quickbox-top-bar">
-          <a class="hide-large logo"  onclick="bm_toggle_sidebar('main-sidebar');" style="float: left; padding-right: 10px;">
+          <a class="hide-large logo"  onclick="bm_toggle_sidebar('main-sidebar');">
             <img alt="BrainMinder" src="/static/img/brainminder.svg" style="height: 32px;">
           </a>
         <div id="quickbox-title">
diff --git a/assets/templates/items/add_to_dashboard.tmpl b/assets/templates/items/add_to_dashboard.tmpl
index 1ac31bd..335daee 100644
--- a/assets/templates/items/add_to_dashboard.tmpl
+++ b/assets/templates/items/add_to_dashboard.tmpl
@@ -1,9 +1,3 @@
 {{define "item:add_to_dashboard"}}
-<button
-class="w3-button w3-edit w3-small w3-border w3-round-large"
-hx-post="/item/add-to-dashboard/{{.}}"
-hx-swap="outerHTML"
-title="Add to dashboard">
-<i class='bi bi-pin-fill' ></i>
-</button>
+<button hx-post="/item/add-to-dashboard/{{.}}" hx-swap="outerHTML" title="Add to dashboard"><i class='bi bi-pin-fill' ></i></button>
 {{ end }}
\ No newline at end of file
diff --git a/assets/templates/items/remove_from_dashboard.tmpl b/assets/templates/items/remove_from_dashboard.tmpl
index 1b0ba88..37b87ab 100644
--- a/assets/templates/items/remove_from_dashboard.tmpl
+++ b/assets/templates/items/remove_from_dashboard.tmpl
@@ -1,11 +1,3 @@
 {{define "item:remove_from_dashboard"}}
-
-<button
-class="w3-button w3-edit w3-small w3-border w3-round-large"
-hx-post="/item/remove-from-dashboard/{{.}}"
-hx-swap="outerHTML"
-title="Remove from dashboard">
-<i class='bi bi-pin' ></i>
-</button>
-
+<button hx-post="/item/remove-from-dashboard/{{.}}" hx-swap="outerHTML" title="Remove from dashboard"><i class='bi bi-pin' ></i></button>
 {{ end }}
\ No newline at end of file
diff --git a/assets/templates/quickbox/list.tmpl b/assets/templates/quickbox/list.tmpl
index 385a5ad..984a876 100644
--- a/assets/templates/quickbox/list.tmpl
+++ b/assets/templates/quickbox/list.tmpl
@@ -13,7 +13,7 @@ hx-target="#quickbox-notes"
 {{ end }}
 {{ end }}>
   <div class="buttons">
-    <button class="button" hx-delete="/quickbox/delete/{{.Id}}" hx-target="closest div.w3-row" hx-swap="outerHTML swap:1s" hx-trigger='confirmed' onClick="bm_show_confirm(this, 'Quickbox', 'Delete this note ?')"><i class="bi bi-dash-square"></i></button>
+    <button class="button" hx-delete="/quickbox/delete/{{.Id}}" hx-target="closest div.quickbox-row" hx-swap="outerHTML swap:1s" hx-trigger='confirmed' onClick="bm_show_confirm(this, 'Quickbox', 'Delete this note ?')"><i class="bi bi-dash-square"></i></button>
     <button class="button" hx-target="#modal-container" hx-get="/quickbox/transform/{{.Id}}"><i class='bi bi-arrow-up-left-circle-fill'></i></button>
   </div>
   <div class="note">{{.Note_rendered | safeHTML}}</div>