diff --git a/src/App.vue b/src/App.vue
index e9e2fc62..76e915d1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -114,16 +114,22 @@
-
+
+
+
+
+
+
-
diff --git a/src/styles/general.scss b/src/styles/general.scss
index fca3414b..41152089 100644
--- a/src/styles/general.scss
+++ b/src/styles/general.scss
@@ -62,38 +62,63 @@
.menu-label {
font-size: 1em;
font-weight: 700;
+ font-weight: bold;
+ font-family: $vikunja-font;
+ color: $grey;
+ font-weight: 500;
min-height: 2.5em;
padding-top: $navbar-padding * 0.3;
+ padding-left: $navbar-padding;
+ display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.nsettings{
- vertical-align: middle;
float: right;
- margin-left: 0.5rem;
- min-width: 2.648em;
- padding-top: 5px;
- }
-
- .menu-label {
- font-weight: bold;
- font-family: $vikunja-font;
+ padding: 10px 0.3em 0;
}
.menu-label,.nsettings,.menu-list a{
color: $vikunja-nav-color;
}
- .menu-label{
+ .checkinput {
+ display: none;
+ }
+
+ .checkinput:checked + .more-container {
+ .menu-list.can-be-hidden {
+ opacity: 1;
+ height: auto;
+ }
+ }
+
+ .checkinput:not(:checked) + .more-container .hidden-hint {
+ opacity: 1;
+ height: auto;
+ }
+
+ .hidden-hint {
+ display: block;
+ opacity: 0;
+ height: 0;
+ text-align: center;
color: $grey;
- font-weight: 500;
- padding-left: $navbar-padding;
+ cursor: pointer;
+ font-size: 0.8em;
}
.menu-list {
+ &.can-be-hidden {
+ transition: all $transition;
+ height: 0;
+ overflow: hidden;
+ opacity: 0;
+ }
+
li {
height: 44px;
}
diff --git a/todo.md b/todo.md
index 3aec23d5..6fa29b23 100644
--- a/todo.md
+++ b/todo.md
@@ -35,8 +35,8 @@
* [x] Ladeanimationen erst nach 100ms anzeigen, sonst wird das überflüssigerweise angezeigt
* [x] Btns für Teams und neuer Namespace nach oben in die Leiste verschieben
* [x] Fancy Scrollbars
+* [x] Be able to collapse all lists in a namespace by clicking on the menu entry
* [ ] Card-like overview of all lists with the first 3-5 tasks, undone first
-* [ ] Be able to collapse all lists in a namespace by clicking on the menu entry
## Funktionales