From 6599f2a133eeb7e0f57e81b957540c570ee58589 Mon Sep 17 00:00:00 2001
From: MickaelK <mickael@kerjean.me>
Date: Thu, 21 Aug 2025 00:03:02 +1000
Subject: [PATCH] fix (css): ux issues

---
 public/assets/components/sidebar.css          | 8 ++++++++
 public/assets/components/sidebar.js           | 7 +++++--
 public/assets/css/designsystem_button.css     | 1 +
 public/assets/pages/connectpage/ctrl_form.css | 5 ++++-
 public/assets/pages/ctrl_connectpage.css      | 1 +
 public/assets/pages/filespage/thing.js        | 2 +-
 6 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/public/assets/components/sidebar.css b/public/assets/components/sidebar.css
index 8edc55dd..e2fd91de 100644
--- a/public/assets/components/sidebar.css
+++ b/public/assets/components/sidebar.css
@@ -128,6 +128,14 @@ body.touch-no .component_filemanager_shell .component_sidebar h3 img:hover {
     margin-bottom: 2px;
     justify-content: space-between;
     font-size: 0.95rem;
+    padding-left: 7px;
+}
+.component_filemanager_shell .component_sidebar [data-bind="taglist"] a > div {
+    text-transform: none;
+}
+.component_filemanager_shell .component_sidebar [data-bind="taglist"] a .hash {
+    font-size: 0.9rem;
+    opacity: 0.5;
 }
 .component_filemanager_shell .component_sidebar [data-bind="taglist"] a[aria-selected="true"] {
     background: var(--light);
diff --git a/public/assets/components/sidebar.js b/public/assets/components/sidebar.js
index eb3c143f..48f1aeae 100644
--- a/public/assets/components/sidebar.js
+++ b/public/assets/components/sidebar.js
@@ -284,7 +284,7 @@ async function ctrlTagPane(render) {
             method: "POST",
             responseType: "json",
             body: JSON.stringify({
-                "tags": [],
+                "tags": new URLSearchParams(location.search).getAll("tag"),
                 path,
             }),
         }).pipe(
@@ -307,7 +307,10 @@ async function ctrlTagPane(render) {
         tags.forEach((name) => {
             const $tag = createElement(`
                 <a data-link draggable="false" class="no-select">
-                    <div class="ellipsis">${name}</div>
+                    <div class="ellipsis">
+                        <span class="hash">#</span>
+                        ${name}
+                    </div>
                     <svg class="component_icon" draggable="false" alt="close" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                         <line x1="18" y1="6" x2="6" y2="18"></line>
                         <line x1="6" y1="6" x2="18" y2="18"></line>
diff --git a/public/assets/css/designsystem_button.css b/public/assets/css/designsystem_button.css
index e7414b0e..ccd9d36d 100644
--- a/public/assets/css/designsystem_button.css
+++ b/public/assets/css/designsystem_button.css
@@ -8,6 +8,7 @@ button {
   border-radius: 3px;
   color: rgba(0,0,0,0.6);
   background: inherit;
+  line-height: 1rem;
 }
 button.primary {
     background: var(--primary);
diff --git a/public/assets/pages/connectpage/ctrl_form.css b/public/assets/pages/connectpage/ctrl_form.css
index 799b1ce9..40a23d91 100644
--- a/public/assets/pages/connectpage/ctrl_form.css
+++ b/public/assets/pages/connectpage/ctrl_form.css
@@ -4,6 +4,9 @@
     box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
     background: white;
 }
+.component_page_connection_form .box button {
+    padding: 7px 5px;
+}
 .component_page_connection_form .box form {
     margin-top: 5px;
 }
@@ -16,8 +19,8 @@
 .component_page_connection_form div.buttons button {
     width: 100%;
     min-width: 110px;
-    padding: 8px 5px;
     box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
+    border: 1px solid transparent;
 }
 .component_page_connection_form div.buttons button:not(.active):hover {
     transition: background 0.2s ease;
diff --git a/public/assets/pages/ctrl_connectpage.css b/public/assets/pages/ctrl_connectpage.css
index 356f7ba8..ac9b784a 100644
--- a/public/assets/pages/ctrl_connectpage.css
+++ b/public/assets/pages/ctrl_connectpage.css
@@ -1,6 +1,7 @@
 .component_page_connect{
     background: var(--primary);
     height: 100%;
+    padding: 15px 0 0 0;
 }
 .dark-mode .component_page_connect{
     background: var(--bg-color);
diff --git a/public/assets/pages/filespage/thing.js b/public/assets/pages/filespage/thing.js
index eeeafebf..3bf1b991 100644
--- a/public/assets/pages/filespage/thing.js
+++ b/public/assets/pages/filespage/thing.js
@@ -87,7 +87,7 @@ export function createThing({
     const $time = $thing.children[4]; // = qs($thing, ".component_datetime");
 
     $link.setAttribute("href", link);
-    if (location.search) $link.setAttribute("href", forwardURLParams(link, ["share", "canary"]));
+    if (location.search) $link.setAttribute("href", forwardURLParams(link, ["share", "canary", "tag"]));
     $thing.setAttribute("data-droptarget", type === "directory");
     $thing.setAttribute("data-n", n);
     $thing.setAttribute("data-path", path);