diff --git a/zero.Web.UI/App/pages/spaces/spaces.vue b/zero.Web.UI/App/pages/spaces/spaces.vue
index ad6e8c10..41bfc9ca 100644
--- a/zero.Web.UI/App/pages/spaces/spaces.vue
+++ b/zero.Web.UI/App/pages/spaces/spaces.vue
@@ -2,31 +2,20 @@
+
-
-
-
-
- {{item.name | localize}}
-
-
-
-
-
+
+
+
+
+
+
+
-
-
-
-
-
-
-
@@ -127,17 +116,6 @@
}
this.loaded = true;
- },
-
- // get all classes for a tree item
- getClasses(item)
- {
- return {
- 'has-children': item.hasChildren,
- 'has-line': item.lineBelow,
- 'is-open': item.isOpen,
- 'is-active': item.alias == this.$route.params.alias
- };
}
}
}
@@ -167,12 +145,14 @@
.spaces-tree-item
{
display: grid;
- grid-template-columns: 1fr auto;
+ grid-template-columns: 30px 1fr auto;
+ gap: 6px;
+ height: 100%;
align-items: center;
- font-size: var(--font-size);
- padding: 15px var(--padding);
- color: var(--color-fg);
position: relative;
+ padding: 15px var(--padding);
+ font-size: var(--font-size);
+ color: var(--color-fg);
transition: color 0.2s ease;
&:hover > .spaces-tree-item-actions
@@ -181,40 +161,10 @@
opacity: 1;
}
- /*&.has-line
- {
- margin-bottom: 25px;
- }
-
- &.has-line:after
- {
- content: '';
- position: absolute;
- bottom: -25px;
- left: 0;
- right: 0;
- border-bottom: 2px solid var(--color-bg);
- }*/
-
&.is-active
{
background: var(--color-bg-bright-two);
border-right: 3px solid var(--color-primary);
- }
- }
-
- .spaces-tree-item-link
- {
- display: grid;
- grid-template-columns: 30px 1fr auto;
- gap: 6px;
- height: 100%;
- align-items: center;
- position: relative;
- color: var(--color-fg);
-
- &.is-active
- {
font-weight: bold;
.spaces-tree-item-text span
@@ -229,32 +179,13 @@
display: flex;
flex-direction: column;
- span
+ .-minor
{
color: var(--color-fg-dim);
margin-top: 3px;
}
}
- .spaces-tree-item-toggle
- {
- position: absolute;
- color: var(--color-fg-dim);
- height: 100%;
- top: 0;
- left: 0;
- width: 30px;
- text-align: right;
- padding-right: 5px;
- outline: none !important;
- transition: color 0.2s ease;
-
- &:hover
- {
- color: var(--color-fg);
- }
- }
-
.spaces-tree-item-icon
{
font-size: 18px;
@@ -265,11 +196,4 @@
color: var(--color-fg-reverse-mid);
transition: color 0.2s ease;
}
-
- .spaces-tree-item-actions
- {
- transition: opacity 0.2s ease 0;
- opacity: 0;
- color: var(--color-fg-dim);
- }
\ No newline at end of file