diff --git a/plugins/view-resources/src/components/TableView.svelte b/plugins/view-resources/src/components/TableView.svelte
index 257fa95c6c..7a0696423b 100644
--- a/plugins/view-resources/src/components/TableView.svelte
+++ b/plugins/view-resources/src/components/TableView.svelte
@@ -78,16 +78,14 @@
{#each model as attribute, cellHead}
-
- {#if !cellHead}
-
-
-
+ {#if !cellHead}
+
+
+
- {:else}
- |
+ |
+ {/if}
+ |
{/each}
@@ -96,19 +94,15 @@
{#each objects as object, row (object._id)}
{#each model as attribute, cell}
- |
- {#if !cell}
-
- {:else}
+ {#if !cell}
+ |
|
+
- {/if}
- |
+
+
+ {:else}
+ |
+ {/if}
{/each}
{/each}
@@ -126,30 +120,35 @@
padding-bottom: 2.5rem;
height: 100%;
}
+
.firstCell {
display: flex;
+ // justify-content: space-between;
align-items: center;
- flex-grow: 1;
- .control {
+ .menuRow {
visibility: hidden;
- display: flex;
- align-items: center;
- width: 0;
- .menuRow {
- visibility: hidden;
- width: 1rem;
- margin: 0 .5rem;
- cursor: pointer;
- }
+ margin-left: .5rem;
+ opacity: .6;
+ cursor: pointer;
+ &:hover { opacity: 1; }
}
}
+ .checkCell {
+ visibility: hidden;
+ display: flex;
+ align-items: center;
+ }
th, td {
padding: .5rem 1.5rem;
text-align: left;
&:first-child {
- padding-left: 2.5rem;
- padding-right: 3rem;
+ padding: 0 .75rem;
+ width: 2.5rem;
+ }
+ &:nth-child(2) {
+ padding-left: 0;
+ // padding-right: 0;
}
}
@@ -164,14 +163,7 @@
box-shadow: inset 0 -1px 0 0 var(--theme-bg-focused-color);
z-index: 5;
- &:first-child.checkall {
- padding-left: 1rem;
- & .control {
- visibility: visible;
- width: auto;
- }
- span { margin-left: 2rem; }
- }
+ .checkall { visibility: visible; }
}
.tr-body {
@@ -180,28 +172,14 @@
border-bottom: 1px solid var(--theme-button-border-hovered);
&:hover, &.checking {
background-color: var(--theme-table-bg-hover);
- & td:first-child {
- padding-left: 1rem;
- padding-right: 1.5rem;
- & .control {
- visibility: visible;
- width: auto;
- }
- }
+ .checkCell { visibility: visible; }
}
- &:hover td:first-child .control .menuRow { visibility: visible; }
+ &:hover .firstCell .menuRow { visibility: visible; }
}
:global(.fixed) {
background-color: var(--theme-table-bg-hover);
- & td:first-child {
- padding-left: 1rem;
- padding-right: 1.5rem;
- & .control {
- visibility: visible;
- width: auto;
- .menuRow { visibility: visible; }
- }
- }
+ .checkCell { visibility: visible; }
+ .menuRow { visibility: visible; }
}