Files: 7b91ebea2f9f89a207555eda47a8779b3e83f734 / app / html / tabs.mcss
1772 bytesRaw
1 | /* TODO depricate this carefully (see styles/mcss/hypertabs.mcss) */ |
2 | /* NOTE there are some active styles in here still */ |
3 | |
4 | Hypertabs { |
5 | position: fixed |
6 | top: 0 |
7 | right: 0 |
8 | left: 0 |
9 | bottom: 0 |
10 | |
11 | display: flex |
12 | flex-direction: column |
13 | |
14 | height: 100% /* needed to stop scroller blowing out */ |
15 | overflow: hidden |
16 | |
17 | nav { |
18 | display: flex |
19 | |
20 | background: linear-gradient(to bottom, #efefef, #e5e5e5) |
21 | |
22 | section.tabs { |
23 | flex-grow: 1 |
24 | display: flex |
25 | min-width: 0 |
26 | |
27 | div.tab { |
28 | flex-grow: 1 |
29 | |
30 | display: flex |
31 | align-items: center |
32 | justify-content: space-between |
33 | |
34 | min-width: 3.5rem |
35 | font-size: .9rem |
36 | background-color: #efefef |
37 | overflow: hidden |
38 | |
39 | padding: 0 |
40 | margin-left: .6rem |
41 | border: 1px gainsboro solid |
42 | border-bottom: none |
43 | |
44 | -selected { |
45 | color: #222 |
46 | $backgroundPrimary |
47 | |
48 | a.link { |
49 | max-width: calc(100% - 2rem) |
50 | } |
51 | } |
52 | |
53 | -notify { |
54 | background-color: orange; |
55 | } |
56 | |
57 | |
58 | a { |
59 | color: #666 |
60 | |
61 | :hover { |
62 | color: #0088cc |
63 | text-decoration: none |
64 | } |
65 | } |
66 | |
67 | a.link { |
68 | flex-grow: 1 |
69 | flex-shrink: 0 |
70 | overflow-x: hidden |
71 | min-width: 0 |
72 | max-width: calc(100% - 1.4rem) |
73 | white-space: nowrap |
74 | text-overflow: ellipsis |
75 | |
76 | padding: .5rem 0 .5rem .6rem |
77 | } |
78 | |
79 | } |
80 | |
81 | } |
82 | |
83 | div.navExtra { |
84 | display: flex |
85 | align-items: center |
86 | } |
87 | } |
88 | |
89 | section.content { |
90 | display: flex |
91 | |
92 | height: 100% /* needed to stop making nav weird */ |
93 | |
94 | div.page { |
95 | flex-grow: 1 |
96 | |
97 | display: flex /*hack to get give Scroller context it needs */ |
98 | } |
99 | } |
100 | } |
101 | |
102 |
Built with git-ssb-web