Commit f68b2a486afb54608328425f7f0315dfaa7d84e5
fix styling
mix irving committed on 2/2/2017, 7:21:20 AMParent: 2a898c6bb5c44df0a373a3f46046dcf94e618dda
Files changed
| modules_core/app.mcss | changed |
| modules_core/style/hypertabs.mcss | changed |
| modules_core/tabs.js | changed |
| modules_core/app.mcss | ||
|---|---|---|
| @@ -1,8 +1,6 @@ | ||
| 1 | 1 … | App { |
| 2 | 2 … | position: absolute |
| 3 | - display: flex | |
| 4 | - flex-direction: column | |
| 5 | 3 … | |
| 6 | 4 … | top: 0 |
| 7 | 5 … | bottom: 0 |
| 8 | 6 … | left: 0 |
| modules_core/style/hypertabs.mcss | ||
|---|---|---|
| @@ -1,55 +1,87 @@ | ||
| 1 | 1 … | Hypertabs { |
| 2 | 2 … | display: flex |
| 3 | 3 … | flex-direction: column |
| 4 | 4 … | |
| 5 | - position: absolute | |
| 6 | - top: 0; bottom: 0 | |
| 7 | - left: 0; right: 0 | |
| 8 | - overflow-y: hidden | |
| 5 … | + height: 100% /* needed to stop scroller blowing out */ | |
| 9 | 6 … | |
| 10 | 7 … | nav { |
| 11 | 8 … | display: flex |
| 9 … | + | |
| 10 … | + background: linear-gradient(to bottom, #efefef, #e5e5e5) | |
| 12 | 11 … | |
| 13 | 12 … | section.tabs { |
| 14 | 13 … | flex-grow: 1 |
| 15 | 14 … | display: flex |
| 16 | 15 … | |
| 17 | - | |
| 18 | 16 … | div.tab { |
| 19 | 17 … | flex-grow: 1 |
| 20 | 18 … | |
| 21 | 19 … | display: flex |
| 22 | - padding: 5px | |
| 20 … | + align-items: center | |
| 21 … | + | |
| 22 … | + font-size: .9rem | |
| 23 … | + background-color: #efefef | |
| 24 … | + overflow-x: hidden | |
| 25 … | + | |
| 26 … | + padding: 0 .4rem | |
| 27 … | + margin-left: .6rem | |
| 23 | 28 … | border: 1px gainsboro solid |
| 29 … | + border-bottom: none | |
| 24 | 30 … | |
| 25 | 31 … | -selected { |
| 26 | - background-color: cyan; | |
| 32 … | + color: #222 | |
| 33 … | + background-color: #fff | |
| 34 … | + /* border: 1px #bababa solid */ | |
| 35 … | + border-bottom: none | |
| 36 … | + | |
| 37 … | + a.close { | |
| 38 … | + visibility: visible | |
| 39 … | + } | |
| 27 | 40 … | } |
| 28 | 41 … | |
| 29 | 42 … | -notify { |
| 30 | 43 … | background-color: orange; |
| 31 | 44 … | } |
| 32 | 45 … | |
| 46 … | + | |
| 47 … | + a { | |
| 48 … | + color: #666 | |
| 49 … | + | |
| 50 … | + :hover { | |
| 51 … | + color: #0088cc | |
| 52 … | + text-decoration: none | |
| 53 … | + } | |
| 54 … | + } | |
| 55 … | + | |
| 33 | 56 … | a.link { |
| 34 | 57 … | flex-grow: 1 |
| 35 | 58 … | } |
| 36 | 59 … | |
| 37 | 60 … | a.close { |
| 61 … | + visibility: hidden | |
| 38 | 62 … | } |
| 39 | 63 … | } |
| 40 | 64 … | |
| 41 | 65 … | } |
| 66 … | + | |
| 67 … | + div.extra { | |
| 68 … | + display: flex | |
| 69 … | + align-items: center | |
| 70 … | + } | |
| 42 | 71 … | } |
| 43 | 72 … | |
| 44 | 73 … | section.content { |
| 45 | 74 … | display: flex |
| 46 | 75 … | |
| 76 … | + height: 100% /* needed to stop scroller blowing out */ | |
| 77 … | + | |
| 47 | 78 … | div.page { |
| 48 | 79 … | flex-grow: 1 |
| 49 | 80 … | |
| 50 | - padding: 1rem | |
| 51 | - border: 1px gainsboro solid | |
| 81 … | + display: flex /* hack to get give Scroller context it's needed */ | |
| 82 … | + | |
| 83 … | + padding-top: .2rem | |
| 52 | 84 … | } |
| 53 | 85 … | } |
| 54 | 86 … | } |
| 55 | 87 … | |
Built with git-ssb-web