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
server/public/app.js
+1 -1
View File
@@ -2666,7 +2666,7 @@ function formatPrincipal(name, id) {
function iconSvg(name) {
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) {
server/public/index.html
+4 -4
View File
@@ -14,10 +14,10 @@
<p id="statusText">Initialisiere...</p>
</div>
<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="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="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="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="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="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="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="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>
</header>
<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;
}
.u-nav .ui-icon {
.u-nav .unav-icon {
background: none !important;
background-image: none !important;
border: 0 !important;
display: block;
fill: none;
height: 16px;
margin: 0;
opacity: 1;
overflow: visible;
padding: 0;
pointer-events: none;
position: static;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2.1;
text-indent: 0;
transform: none;
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 {
align-items: center;
background: var(--surface);
@@ -365,7 +384,7 @@
width: 24px;
}
.u-nav .tree-caret .ui-icon {
.u-nav .tree-caret .unav-icon {
height: 13px;
width: 13px;
}
@@ -414,7 +433,7 @@
flex: 0 0 auto;
}
.u-nav .tree-folder .ui-icon {
.u-nav .tree-folder .unav-icon {
fill: color-mix(in srgb, #f5a24c 32%, transparent);
height: 17px;
width: 17px;
@@ -574,7 +593,7 @@
color: #d97722;
}
.u-nav .entry-icon.directory .ui-icon {
.u-nav .entry-icon.directory .unav-icon {
fill: color-mix(in srgb, #f5a24c 28%, transparent);
}
@@ -582,13 +601,13 @@
color: var(--accent-2);
}
.u-nav .entry-icon.large .ui-icon {
.u-nav .entry-icon.large .unav-icon {
height: 47px;
stroke-width: 1.55;
width: 47px;
}
.u-nav .entry-icon.large.directory .ui-icon {
.u-nav .entry-icon.large.directory .unav-icon {
height: 54px;
width: 54px;
}