marco/Intune-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 11 Wiki Activity

Geräte-Tab: eigene Suchfeld-Klassen statt globale search-wrap

Browse Source 
dev-search-wrap und dev-search-input unabhängig von globalen Styles.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
marco
2026-08-12 14:38:30 +02:00
co-authored by Claude Sonnet 4.6
parent 1583b91a60
commit 07b462dc3d
2 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www/index.html
+2 -2
View File
@@ -467,9 +467,9 @@
<!-- GERÄTE VIEW --> <!-- GERÄTE VIEW -->
<section class="dev-view hidden" id="devView"> <section class="dev-view hidden" id="devView">
<div class="dev-toolbar"> <div class="dev-toolbar">
<div class="search-wrap"> <div class="dev-search-wrap">
<svg class="search-ico" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></svg> <svg class="search-ico" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></svg>
<input type="search" id="devSearch" class="input input-search" placeholder="Gerätename, Benutzer, Seriennummer…" autocomplete="off"> <input type="search" id="devSearch" class="input dev-search-input" placeholder="Gerätename, Benutzer, Seriennummer…" autocomplete="off">
</div> </div>
<span id="devCount" class="count-badge">0</span> <span id="devCount" class="count-badge">0</span>
<select id="devOsFilter" class="input input-select btn-sm"> <select id="devOsFilter" class="input input-select btn-sm">
www/styles.css
+13 -4
View File
@@ -5214,16 +5214,25 @@ body.read-only .app-row {
border-bottom: 1px solid var(--hairline-soft); border-bottom: 1px solid var(--hairline-soft);
flex-shrink: 0; flex-shrink: 0;
} }
.dev-toolbar .search-wrap { .dev-search-wrap {
position: relative;
display: flex;
align-items: center;
flex: 1; flex: 1;
max-width: 600px; max-width: 600px;
margin: 0;
min-width: 0; min-width: 0;
} }
.dev-toolbar .search-wrap .input-search { .dev-search-wrap .search-ico {
position: absolute;
left: 12px;
color: var(--muted);
pointer-events: none;
}
.dev-search-input {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding-right: 14px; padding-left: 36px !important;
padding-right: 14px !important;
} }
.input-select { .input-select {
padding: 5px 8px; padding: 5px 8px;