thm
/
upend
1
0
Fork 0
Code Issues 75 Pull Requests Packages Projects Releases 6 Wiki Activity

Table css improvements

feat/vaults
Tomáš Mládek 2021-12-06 14:35:18 +01:00
parent 939ee92300
commit 42a630023b
1 changed files with 17 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
ui/src/components/widgets/Table.svelte
View File

@ -274,37 +274,32 @@
width: 100%; width: 100%;
table-layout: fixed; table-layout: fixed;
border-spacing: 0; border-spacing: 0.5em 0;
border-collapse: collapse;
tr { tr {
&.left-active { &.left-active {
background: linear-gradient( td:first-child {
90deg, background: linear-gradient(
rgba(255, 166, 0, 1) 0%, 90deg,
rgba(0, 0, 0, 0) 50% rgba(255, 166, 0, 1) 0%,
); rgba(0, 0, 0, 0) 66%
);
}
} }
&.right-active { &.right-active {
background: linear-gradient( td:last-child {
90deg, background: linear-gradient(
rgba(255, 166, 0, 0) 50%, 90deg,
rgba(255, 166, 0, 1) 100% rgba(255, 166, 0, 0) 33%,
); rgba(255, 166, 0, 1) 100%
);
}
} }
&.left-active.right-active { td {
background: linear-gradient( border-radius: 4px;
90deg,
rgba(255, 166, 0, 1) 0%,
rgba(255, 166, 0, 0) 25%,
rgba(255, 166, 0, 0) 75%,
rgba(255, 166, 0, 1) 100%
);
} }
border-radius: 4px;
} }
th { th {
@ -313,7 +308,6 @@
td { td {
font-family: var(--monospace-font); font-family: var(--monospace-font);
padding-right: 1em;
line-height: 1em; line-height: 1em;
line-break: anywhere; line-break: anywhere;