lfk/frontend
2
0
Fork 0
Code Issues 3 Pull Requests Actions Projects Releases Wiki Activity

fix styling for table filters th border
Some checks failed
continuous-integration/drone/push Build is failing
Details

Browse Source
This commit is contained in:
Philipp Dormann 2023-03-15 11:08:05 +01:00
parent 30991d5364
commit bea57aa03a
3 changed files with 33 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/cards/CardsOverview.svelte
View File

@ -54,7 +54,7 @@
bind:runner bind:runner
bind:editable bind:editable
bind:original_data bind:original_data
on:dataUpdated={(handler.setRows(current_cards))} on:dataUpdated={handler.setRows(current_cards)}
/> />
{/if} {/if}
@ -78,7 +78,7 @@
<table> <table>
<thead> <thead>
<tr> <tr>
<th> <th style="border-bottom: 1px solid #ddd;">
<input <input
type="checkbox" type="checkbox"
class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
@ -95,14 +95,14 @@
<Th {handler} orderBy="code">{$_("code")}</Th> <Th {handler} orderBy="code">{$_("code")}</Th>
<Th {handler} orderBy="runner">{$_("runner")}</Th> <Th {handler} orderBy="runner">{$_("runner")}</Th>
<Th {handler} orderBy="status">{$_("status")}</Th> <Th {handler} orderBy="status">{$_("status")}</Th>
<th>{$_("action")}</th> <th style="border-bottom: 1px solid #ddd;">{$_("action")}</th>
</tr> </tr>
<tr> <tr>
<th /> <th style="border-bottom: 1px solid #ddd;" />
<ThFilter {handler} filterBy="code" /> <ThFilter {handler} filterBy="code" />
<ThFilter {handler} filterBy="runner" /> <ThFilter {handler} filterBy="runner" />
<ThFilterStatus {handler} /> <ThFilterStatus {handler} />
<th /> <th style="border-bottom: 1px solid #ddd;" />
</tr> </tr>
</thead> </thead>
<tbody> <tbody>

28
src/components/cards/ThFilterStatus.svelte
View File

@ -9,11 +9,10 @@
on:input={() => { on:input={() => {
setTimeout(() => { setTimeout(() => {
if (`${selected}`.trim()) { if (`${selected}`.trim()) {
if(selected==="all"){ if (selected === "all") {
handler.filter('', 'enabled') handler.filter("", "enabled");
} } else {
else{ handler.filter(selected, "enabled");
handler.filter(selected, 'enabled')
} }
} }
}, 50); }, 50);
@ -22,8 +21,25 @@
name="statusfilter" name="statusfilter"
id="statusfilter" id="statusfilter"
> >
<option value="all">{$_('all')}</option> <option value="all">{$_("all")}</option>
<option value="true">{$_("enabled")}</option> <option value="true">{$_("enabled")}</option>
<option value="false">{$_("disabled")}</option> <option value="false">{$_("disabled")}</option>
</select> </select>
</th> </th>
<style>
th {
border-bottom: 1px solid #e0e0e0;
}
select {
margin: -1px 0 0 0;
padding: 0;
width: 100%;
height: 24px;
border: none;
text-align: center;
background: inherit;
outline: 0;
font-size: 14px;
}
</style>

12
src/components/runners/RunnersOverview.svelte
View File

@ -73,7 +73,7 @@
<table> <table>
<thead> <thead>
<tr> <tr>
<th> <th style="border-bottom: 1px solid #ddd;">
<input <input
type="checkbox" type="checkbox"
class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
@ -91,19 +91,19 @@
<Th {handler} orderBy="firstname">First Name</Th> <Th {handler} orderBy="firstname">First Name</Th>
<Th {handler} orderBy="middlename">Middle Name</Th> <Th {handler} orderBy="middlename">Middle Name</Th>
<Th {handler} orderBy="lastname">Last Name</Th> <Th {handler} orderBy="lastname">Last Name</Th>
<th>Gruppe</th> <th style="border-bottom: 1px solid #ddd;">Gruppe</th>
<Th {handler} orderBy="distance">Distanz</Th> <Th {handler} orderBy="distance">Distanz</Th>
<th>{$_("action")}</th> <th style="border-bottom: 1px solid #ddd;">{$_("action")}</th>
</tr> </tr>
<tr> <tr>
<th /> <th style="border-bottom: 1px solid #ddd;" />
<ThFilter {handler} filterBy="id" /> <ThFilter {handler} filterBy="id" />
<ThFilter {handler} filterBy="firstname" /> <ThFilter {handler} filterBy="firstname" />
<ThFilter {handler} filterBy="middlename" /> <ThFilter {handler} filterBy="middlename" />
<ThFilter {handler} filterBy="lastname" /> <ThFilter {handler} filterBy="lastname" />
<ThFilterGroup groups={selectgroups} {handler} /> <ThFilterGroup groups={selectgroups} {handler} />
<th /> <th style="border-bottom: 1px solid #ddd;" />
<th /> <th style="border-bottom: 1px solid #ddd;" />
</tr> </tr>
</thead> </thead>
<tbody> <tbody>