Mercurial > gemma
comparison client/src/application/Sidebar.vue @ 1171:d61be0d972d8
fixed searchbar overlapping issue
utilized flexbox to make boxes in topbar more flexible
| author | Markus Kottlaender <markus@intevation.de> |
|---|---|
| date | Wed, 14 Nov 2018 12:54:13 +0100 |
| parents | a9e455c017cb |
| children | 3035ddd3d1a8 |
comparison
equal
deleted
inserted
replaced
| 1170:3807b6c2cfbf | 1171:d61be0d972d8 |
|---|---|
| 74 "flex-column": true | 74 "flex-column": true |
| 75 }; | 75 }; |
| 76 }, | 76 }, |
| 77 sidebarStyle() { | 77 sidebarStyle() { |
| 78 return [ | 78 return [ |
| 79 "ui-element position-relative sidebar shadow d-print-none", | 79 "ui-element position-relative sidebar shadow d-print-none mb-auto", |
| 80 { | 80 { |
| 81 sidebarcollapsed: !this.showSidebar, | 81 sidebarcollapsed: !this.showSidebar, |
| 82 sidebarextended: this.showSidebar | 82 sidebarextended: this.showSidebar |
| 83 } | 83 } |
| 84 ]; | 84 ]; |
| 128 height: 30px | 128 height: 30px |
| 129 width: 30px | 129 width: 30px |
| 130 transition: $transition-fast | 130 transition: $transition-fast |
| 131 | 131 |
| 132 .sidebarextended | 132 .sidebarextended |
| 133 min-height: $sidebar-height | 133 height: $sidebar-height |
| 134 width: $sidebar-width | |
| 134 min-width: $sidebar-width | 135 min-width: $sidebar-width |
| 135 </style> | 136 </style> |