diff --git a/src/App.vue b/src/App.vue index e9e2fc62f..76e915d11 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 fca3414b7..411520891 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 3aec23d54..6fa29b239 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