Backup_Repos/filestash
1
0
Fork 0
mirror of https://github.com/mickael-kerjean/filestash synced 2025-12-06 08:22:24 +01:00
Code Issues Projects Releases Wiki Activity

fix (css): ux issues

Browse source
This commit is contained in:
MickaelK 2025-08-21 00:03:02 +10:00
parent e72cbe3c35
commit 6599f2a133
6 changed files with 20 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
public/assets/components/sidebar.css
View file

@ -128,6 +128,14 @@ body.touch-no .component_filemanager_shell .component_sidebar h3 img:hover {
margin-bottom: 2px; margin-bottom: 2px;
justify-content: space-between; justify-content: space-between;
font-size: 0.95rem; 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"] { .component_filemanager_shell .component_sidebar [data-bind="taglist"] a[aria-selected="true"] {
background: var(--light); background: var(--light);

7
public/assets/components/sidebar.js
View file

@ -284,7 +284,7 @@ async function ctrlTagPane(render) {
method: "POST", method: "POST",
responseType: "json", responseType: "json",
body: JSON.stringify({ body: JSON.stringify({
"tags": [], "tags": new URLSearchParams(location.search).getAll("tag"),
path, path,
}), }),
}).pipe( }).pipe(
@ -307,7 +307,10 @@ async function ctrlTagPane(render) {
tags.forEach((name) => { tags.forEach((name) => {
const $tag = createElement(` const $tag = createElement(`
<a data-link draggable="false" class="no-select"> <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"> <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="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line> <line x1="6" y1="6" x2="18" y2="18"></line>

1
public/assets/css/designsystem_button.css
View file

@ -8,6 +8,7 @@ button {
border-radius: 3px; border-radius: 3px;
color: rgba(0,0,0,0.6); color: rgba(0,0,0,0.6);
background: inherit; background: inherit;
line-height: 1rem;
} }
button.primary { button.primary {
background: var(--primary); background: var(--primary);

5
public/assets/pages/connectpage/ctrl_form.css
View file

@ -4,6 +4,9 @@
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
background: white; background: white;
} }
.component_page_connection_form .box button {
padding: 7px 5px;
}
.component_page_connection_form .box form { .component_page_connection_form .box form {
margin-top: 5px; margin-top: 5px;
} }
@ -16,8 +19,8 @@
.component_page_connection_form div.buttons button { .component_page_connection_form div.buttons button {
width: 100%; width: 100%;
min-width: 110px; min-width: 110px;
padding: 8px 5px;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2); 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 { .component_page_connection_form div.buttons button:not(.active):hover {
transition: background 0.2s ease; transition: background 0.2s ease;

1
public/assets/pages/ctrl_connectpage.css
View file

@ -1,6 +1,7 @@
.component_page_connect{ .component_page_connect{
background: var(--primary); background: var(--primary);
height: 100%; height: 100%;
padding: 15px 0 0 0;
} }
.dark-mode .component_page_connect{ .dark-mode .component_page_connect{
background: var(--bg-color); background: var(--bg-color);

2
public/assets/pages/filespage/thing.js
View file

@ -87,7 +87,7 @@ export function createThing({
const $time = $thing.children[4]; // = qs($thing, ".component_datetime"); const $time = $thing.children[4]; // = qs($thing, ".component_datetime");
$link.setAttribute("href", link); $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-droptarget", type === "directory");
$thing.setAttribute("data-n", n); $thing.setAttribute("data-n", n);
$thing.setAttribute("data-path", path); $thing.setAttribute("data-path", path);