Mercurial > hg > ugly-duckling
annotate src/app/app.component.css @ 464:50f61d1945db
Hook up some buttons for navigating history (undo / redo). Some refactoring to allow for the audio player to get updated as a consequence of a state change (the audio related to the current top of the stack is used).
author | Lucas Thompson <dev@lucas.im> |
---|---|
date | Fri, 30 Jun 2017 14:01:22 +0100 |
parents | 372c39e798ac |
children | cf4a17efb5d4 |
rev | line source |
---|---|
dev@236 | 1 .ugly-toolbar-filler { |
dev@4 | 2 flex: 1 1 auto; |
dev@4 | 3 } |
dev@4 | 4 |
dev@87 | 5 md-sidenav-container { |
dev@190 | 6 height: 100%; |
dev@190 | 7 width: 100%; |
dev@190 | 8 position: absolute; |
dev@4 | 9 } |
dev@4 | 10 |
dev@4 | 11 md-sidenav { |
dev@7 | 12 text-align: center; |
dev@4 | 13 } |
dev@21 | 14 |
dev@236 | 15 .ugly-container { |
dev@190 | 16 height: 100%; |
dev@190 | 17 display: flex; |
dev@190 | 18 flex-direction: column; |
dev@21 | 19 } |
dev@21 | 20 |
dev@236 | 21 .ugly-header { |
dev@190 | 22 flex: 0 0 auto; |
dev@28 | 23 } |
dev@190 | 24 |
dev@236 | 25 .ugly-content { |
dev@422 | 26 flex: 1; |
dev@430 | 27 overflow-y: scroll; |
dev@190 | 28 position: relative; |
dev@430 | 29 -webkit-overflow-scrolling: touch; |
dev@190 | 30 } |
dev@190 | 31 |
dev@236 | 32 .ugly-footer { |
dev@190 | 33 flex: 0 0 auto; |
dev@190 | 34 } |