tore/zhurnal-zayavok-na-remont-ob
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

поиск в тулбаре: .kt-ai-input

Browse Source
This commit is contained in:
tore 2026-09-21 16:43:28 +00:00
parent 14889a8b6d
commit 31dc10de6d
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@ -42,15 +42,15 @@
<svg class="kt-icon" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg> <svg class="kt-icon" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
</button> </button>
<nav class="topbar-crumb"><span id="pageTitle">Заявки</span></nav> <nav class="topbar-crumb"><span id="pageTitle">Заявки</span></nav>
<div class="spacer"></div>
<div class="kt-ai-search-field" style="max-width:280px">
<input class="kt-ai-search" id="topSearch" placeholder="Поиск по названию оборудования…" oninput="S.onSearch(this.value)">
</div>
</header> </header>
<div class="kt-ai-work-column-table" id="view"> <div class="kt-ai-work-column-table" id="view">
<div class="kt-ai-kpi-strip" data-cards="true" id="kpiStrip"></div> <div class="kt-ai-kpi-strip" data-cards="true" id="kpiStrip"></div>
<div class="j-toolbar"> <div class="j-toolbar">
<div class="kt-ai-field j-search-field">
<label for="topSearch" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)">Поиск</label>
<input class="kt-ai-input" id="topSearch" placeholder="Поиск по названию оборудования…" oninput="S.onSearch(this.value)">
</div>
<div class="j-filters"> <div class="j-filters">
<span class="j-filters-label">Приоритет</span> <span class="j-filters-label">Приоритет</span>
<div class="kt-ai-select-wrap"> <div class="kt-ai-select-wrap">

4
style.css
View File

@ -141,6 +141,10 @@
margin-top: var(--kt-ai-space-7); margin-top: var(--kt-ai-space-7);
} }
/* Поиск над таблицей (видно и на телефоне) */
.j-search-field { flex: 1 1 200px; max-width: 320px; }
@media (max-width: 639.98px) { .j-search-field { max-width: none; } }
/* Поля формы с ошибкой */ /* Поля формы с ошибкой */
.kt-ai-field[data-error="true"] .kt-ai-input, .kt-ai-field[data-error="true"] .kt-ai-input,
.kt-ai-field[data-error="true"] .kt-ai-select, .kt-ai-field[data-error="true"] .kt-ai-select,