pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Upgrade dependencies and try to silence some accessibility warnings

Browse Source
This commit is contained in:
Fornax
2022-10-17 17:48:04 +02:00
parent 40ca2fd1d0
commit f1c6b3adf8
13 changed files with 448 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
svelte/src/user_file_manager/DirectoryElement.svelte
View File

@@ -302,7 +302,11 @@ const node_click = (index) => {
<div id="directory_element">
<div bind:this={directorySorters} id="sorters" class="directory_sorters">
{#each tableColumns as col}
<div on:click={sortBy(col.field)} style="min-width: {col.width}">{col.name}</div>
<!-- <div style="min-width: {col.width}"> -->
<button style="min-width: {col.width}" on:click={sortBy(col.field)} class="sorter_button">
{col.name}
</button>
<!-- </div> -->
{/each}
</div>
<div bind:this={directoryArea} on:scroll={onScroll} id="directory_area" class="directory_area">
@@ -356,13 +360,16 @@ const node_click = (index) => {
background: var(--body_background);
min-width: 850px;
border-top-left-radius: 16px;
border-bottom: 1px solid var(--separator);
}
#sorters > div {
.sorter_button {
display: inline-block;
margin: 4px 10px;
padding: 4px;
border-bottom: 1px solid var(--separator);
cursor: pointer;
text-align: initial;
background: none;
}
.sorter_button:hover {
background: var(--input_hover_background);
}
#sorters > :first-child,
@@ -405,7 +412,7 @@ const node_click = (index) => {
/* I use padding instead of margin here because it goves me more precise
control over the size.
Check out https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing*/
Check out https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing */
margin: 0;
color: var(--body_text_color);
text-decoration: none;