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