michael/Unraid-Navigator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Unraid icon style collision

Browse Source
This commit is contained in:
Mikei386
2026-07-14 18:10:17 +02:00
parent 982f8f83dd
commit 82190887ee
7 changed files with 37 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
build-plugin.sh
+1 -1
View File
@@ -2,7 +2,7 @@
set -eu set -eu
PLUGIN="u-navigator" PLUGIN="u-navigator"
VERSION="2026.07.14.r010" VERSION="2026.07.14.r011"
PKG_DIR="packages" PKG_DIR="packages"
WORK_DIR=".plugin-build" WORK_DIR=".plugin-build"
PKG_NAME="${PLUGIN}-${VERSION}.tgz" PKG_NAME="${PLUGIN}-${VERSION}.tgz"
packages/u-navigator-2026.07.14.r011.tgz
BIN
View File
Binary file not shown.
plugin-root/usr/local/emhttp/plugins/u-navigator/U-Navigator.page
+4 -4
View File
@@ -18,11 +18,11 @@ $version = "__VERSION__";
<p id="statusText">Initialisiere...</p> <p id="statusText">Initialisiere...</p>
</div> </div>
<nav class="toolbar" aria-label="Workspace actions"> <nav class="toolbar" aria-label="Workspace actions">
<button id="newExplorerButton" title="Explorer oeffnen"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 7a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"></path></svg><span>Explorer</span></button> <button id="newExplorerButton" title="Explorer oeffnen"><svg class="unav-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 7a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"></path></svg><span>Explorer</span></button>
<button id="newPropertiesButton" title="Eigenschaften oeffnen"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="9"></circle><path d="M12 11v5"></path><path d="M12 8h.01"></path></svg><span>Eigenschaften</span></button> <button id="newPropertiesButton" title="Eigenschaften oeffnen"><svg class="unav-icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="9"></circle><path d="M12 11v5"></path><path d="M12 8h.01"></path></svg><span>Eigenschaften</span></button>
<button id="newQueueButton" title="Transfers einblenden" aria-expanded="false"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m17 3 4 4-4 4"></path><path d="M3 7h18"></path><path d="m7 21-4-4 4-4"></path><path d="M21 17H3"></path></svg><span>Transfers</span></button> <button id="newQueueButton" title="Transfers einblenden" aria-expanded="false"><svg class="unav-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m17 3 4 4-4 4"></path><path d="M3 7h18"></path><path d="m7 21-4-4 4-4"></path><path d="M21 17H3"></path></svg><span>Transfers</span></button>
<button id="settingsButton" class="icon" title="Einstellungen" aria-label="Einstellungen" aria-expanded="false"> <button id="settingsButton" class="icon" title="Einstellungen" aria-label="Einstellungen" aria-expanded="false">
<svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> <svg class="unav-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
<path d="M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z"></path> <path d="M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z"></path>
<path d="M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 1.55V21a2 2 0 1 1-4 0v-.08A1.7 1.7 0 0 0 9 19.4a1.7 1.7 0 0 0-1.88.34l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-1.55-1H3a2 2 0 1 1 0-4h.08A1.7 1.7 0 0 0 4.6 9a1.7 1.7 0 0 0-.34-1.88l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-1.55V3a2 2 0 1 1 4 0v.08A1.7 1.7 0 0 0 15 4.6a1.7 1.7 0 0 0 1.88-.34l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.7 1.7 0 0 0 19.4 9a1.7 1.7 0 0 0 1.55 1H21a2 2 0 1 1 0 4h-.08A1.7 1.7 0 0 0 19.4 15Z"></path> <path d="M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 1.55V21a2 2 0 1 1-4 0v-.08A1.7 1.7 0 0 0 9 19.4a1.7 1.7 0 0 0-1.88.34l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-1.55-1H3a2 2 0 1 1 0-4h.08A1.7 1.7 0 0 0 4.6 9a1.7 1.7 0 0 0-.34-1.88l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-1.55V3a2 2 0 1 1 4 0v.08A1.7 1.7 0 0 0 15 4.6a1.7 1.7 0 0 0 1.88-.34l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.7 1.7 0 0 0 19.4 9a1.7 1.7 0 0 0 1.55 1H21a2 2 0 1 1 0 4h-.08A1.7 1.7 0 0 0 19.4 15Z"></path>
</svg> </svg>
server/public/app.js
+1 -1
View File
@@ -2666,7 +2666,7 @@ function formatPrincipal(name, id) {
function iconSvg(name) { function iconSvg(name) {
const paths = uiIcons[name] || uiIcons.close; const paths = uiIcons[name] || uiIcons.close;
return `<svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">${paths}</svg>`; return `<svg class="unav-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">${paths}</svg>`;
} }
function escapeHtml(value) { function escapeHtml(value) {
server/public/index.html
+4 -4
View File
@@ -14,10 +14,10 @@
<p id="statusText">Initialisiere...</p> <p id="statusText">Initialisiere...</p>
</div> </div>
<nav class="toolbar" aria-label="Workspace actions"> <nav class="toolbar" aria-label="Workspace actions">
<button id="newExplorerButton" title="Explorer öffnen"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 7a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"></path></svg><span>Explorer</span></button> <button id="newExplorerButton" title="Explorer öffnen"><svg class="unav-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 7a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"></path></svg><span>Explorer</span></button>
<button id="newPropertiesButton" title="Eigenschaften öffnen"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="9"></circle><path d="M12 11v5"></path><path d="M12 8h.01"></path></svg><span>Eigenschaften</span></button> <button id="newPropertiesButton" title="Eigenschaften öffnen"><svg class="unav-icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="9"></circle><path d="M12 11v5"></path><path d="M12 8h.01"></path></svg><span>Eigenschaften</span></button>
<button id="newQueueButton" title="Transfer-Queue öffnen"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m17 3 4 4-4 4"></path><path d="M3 7h18"></path><path d="m7 21-4-4 4-4"></path><path d="M21 17H3"></path></svg><span>Transfers</span></button> <button id="newQueueButton" title="Transfer-Queue öffnen"><svg class="unav-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m17 3 4 4-4 4"></path><path d="M3 7h18"></path><path d="m7 21-4-4 4-4"></path><path d="M21 17H3"></path></svg><span>Transfers</span></button>
<button id="settingsButton" class="icon" title="Einstellungen" aria-label="Einstellungen" aria-expanded="false"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 1.55V21a2 2 0 1 1-4 0v-.08A1.7 1.7 0 0 0 9 19.4a1.7 1.7 0 0 0-1.88.34l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-1.55-1H3a2 2 0 1 1 0-4h.08A1.7 1.7 0 0 0 4.6 9a1.7 1.7 0 0 0-.34-1.88l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-1.55V3a2 2 0 1 1 4 0v.08A1.7 1.7 0 0 0 15 4.6a1.7 1.7 0 0 0 1.88-.34l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.7 1.7 0 0 0 19.4 9a1.7 1.7 0 0 0 1.55 1H21a2 2 0 1 1 0 4h-.08A1.7 1.7 0 0 0 19.4 15Z"></path></svg></button> <button id="settingsButton" class="icon" title="Einstellungen" aria-label="Einstellungen" aria-expanded="false"><svg class="unav-icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 1.55V21a2 2 0 1 1-4 0v-.08A1.7 1.7 0 0 0 9 19.4a1.7 1.7 0 0 0-1.88.34l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-1.55-1H3a2 2 0 1 1 0-4h.08A1.7 1.7 0 0 0 4.6 9a1.7 1.7 0 0 0-.34-1.88l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-1.55V3a2 2 0 1 1 4 0v.08A1.7 1.7 0 0 0 15 4.6a1.7 1.7 0 0 0 1.88-.34l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.7 1.7 0 0 0 19.4 9a1.7 1.7 0 0 0 1.55 1H21a2 2 0 1 1 0 4h-.08A1.7 1.7 0 0 0 19.4 15Z"></path></svg></button>
</nav> </nav>
</header> </header>
<main id="workspace" class="workspace" aria-label="U-Navigator Workspace"></main> <main id="workspace" class="workspace" aria-label="U-Navigator Workspace"></main>
server/public/styles.css
+25 -6
View File
@@ -100,18 +100,37 @@
content: none !important; content: none !important;
} }
.u-nav .ui-icon { .u-nav .unav-icon {
background: none !important;
background-image: none !important;
border: 0 !important;
display: block; display: block;
fill: none; fill: none;
height: 16px; height: 16px;
margin: 0;
opacity: 1;
overflow: visible;
padding: 0;
pointer-events: none; pointer-events: none;
position: static;
stroke: currentColor; stroke: currentColor;
stroke-linecap: round; stroke-linecap: round;
stroke-linejoin: round; stroke-linejoin: round;
stroke-width: 2.1; stroke-width: 2.1;
text-indent: 0;
transform: none;
width: 16px; width: 16px;
} }
.u-nav .unav-icon path,
.u-nav .unav-icon rect,
.u-nav .unav-icon circle {
marker-end: none !important;
marker-mid: none !important;
marker-start: none !important;
stroke-dasharray: none !important;
}
.u-nav .topbar { .u-nav .topbar {
align-items: center; align-items: center;
background: var(--surface); background: var(--surface);
@@ -365,7 +384,7 @@
width: 24px; width: 24px;
} }
.u-nav .tree-caret .ui-icon { .u-nav .tree-caret .unav-icon {
height: 13px; height: 13px;
width: 13px; width: 13px;
} }
@@ -414,7 +433,7 @@
flex: 0 0 auto; flex: 0 0 auto;
} }
.u-nav .tree-folder .ui-icon { .u-nav .tree-folder .unav-icon {
fill: color-mix(in srgb, #f5a24c 32%, transparent); fill: color-mix(in srgb, #f5a24c 32%, transparent);
height: 17px; height: 17px;
width: 17px; width: 17px;
@@ -574,7 +593,7 @@
color: #d97722; color: #d97722;
} }
.u-nav .entry-icon.directory .ui-icon { .u-nav .entry-icon.directory .unav-icon {
fill: color-mix(in srgb, #f5a24c 28%, transparent); fill: color-mix(in srgb, #f5a24c 28%, transparent);
} }
@@ -582,13 +601,13 @@
color: var(--accent-2); color: var(--accent-2);
} }
.u-nav .entry-icon.large .ui-icon { .u-nav .entry-icon.large .unav-icon {
height: 47px; height: 47px;
stroke-width: 1.55; stroke-width: 1.55;
width: 47px; width: 47px;
} }
.u-nav .entry-icon.large.directory .ui-icon { .u-nav .entry-icon.large.directory .unav-icon {
height: 54px; height: 54px;
width: 54px; width: 54px;
} }
u-navigator.plg
+2 -2
View File
@@ -1,7 +1,7 @@
<!DOCTYPE PLUGIN [ <!DOCTYPE PLUGIN [
<!ENTITY name "u-navigator"> <!ENTITY name "u-navigator">
<!ENTITY author "Michael Roll"> <!ENTITY author "Michael Roll">
<!ENTITY version "2026.07.14.r010"> <!ENTITY version "2026.07.14.r011">
<!ENTITY package "&name;-&version;.tgz"> <!ENTITY package "&name;-&version;.tgz">
<!ENTITY pluginURL "https://git.casaderoll.de/michael/Unraid-Navigator/raw/branch/main/u-navigator.plg"> <!ENTITY pluginURL "https://git.casaderoll.de/michael/Unraid-Navigator/raw/branch/main/u-navigator.plg">
<!ENTITY support "https://git.casaderoll.de/michael/Unraid-Navigator"> <!ENTITY support "https://git.casaderoll.de/michael/Unraid-Navigator">
@@ -24,7 +24,7 @@
<FILE Name="/boot/config/plugins/&name;/&package;"> <FILE Name="/boot/config/plugins/&name;/&package;">
<URL>https://git.casaderoll.de/michael/Unraid-Navigator/raw/branch/main/packages/&package;</URL> <URL>https://git.casaderoll.de/michael/Unraid-Navigator/raw/branch/main/packages/&package;</URL>
<MD5>51f702b16cedc1bd1a11ab0a8ae34bf9</MD5> <MD5>e16ff99a37759fe15d83d398ac3534dc</MD5>
</FILE> </FILE>
<FILE Run="/bin/bash"> <FILE Run="/bin/bash">