Commit | Line | Data |
---|---|---|
b8eab696 | 1 | .messageTabMenu { |
299eb8b4 | 2 | > .messageTabMenuContent { |
b8eab696 | 3 | display: none; |
b8eab696 AE |
4 | |
5 | &.active { | |
299eb8b4 | 6 | background-color: $wcfContentBackground; |
b8eab696 | 7 | display: block; |
299eb8b4 | 8 | margin-top: 0; |
b8eab696 AE |
9 | } |
10 | } | |
11 | ||
299eb8b4 AE |
12 | // prevent double formatting with nested tab menus |
13 | &:not(.messageTabMenuContent) > .messageTabMenuContent.active { | |
14 | border: 1px solid $wcfContentBorderInner; | |
15 | border-top-width: 0; | |
16 | padding: 20px; | |
17 | } | |
18 | ||
19 | // sub tab menu | |
20 | &.messageTabMenuContent > nav { | |
21 | border-bottom: 1px solid $wcfContentBorderInner; | |
22 | margin: -20px -20px 20px -20px; | |
23 | padding: 5px 20px; | |
24 | ||
25 | > ul { | |
5908f54f | 26 | @include inlineList; |
299eb8b4 AE |
27 | |
28 | > li { | |
29 | outline: 0; | |
b8eab696 | 30 | |
299eb8b4 AE |
31 | &:not(:last-child) { |
32 | margin-right: 20px; | |
33 | } | |
34 | ||
35 | &.active > a { | |
36 | color: $wcfContentLinkActive; | |
37 | } | |
38 | ||
39 | > a { | |
40 | display: block; | |
b8eab696 | 41 | outline: 0; |
b8eab696 | 42 | |
5908f54f AE |
43 | @include userSelectNone; |
44 | @include wcfFontSmall; | |
b8eab696 AE |
45 | } |
46 | } | |
47 | } | |
b8eab696 AE |
48 | } |
49 | } | |
50 | ||
45433290 | 51 | .messageTabMenu + .innerError { |
bf5372fc | 52 | margin-top: -1px; // TODO |
45433290 AE |
53 | width: 100%; |
54 | } | |
55 | ||
bf5372fc | 56 | .messageTabMenuNavigation { |
bf5372fc | 57 | > ul { |
299eb8b4 AE |
58 | background-color: $wcfContentBackground; |
59 | border: 1px solid $wcfContentBorderInner; | |
60 | border-top-width: 0; | |
b8eab696 | 61 | |
5908f54f | 62 | @include inlineList; |
bf5372fc AE |
63 | |
64 | > li { | |
299eb8b4 AE |
65 | border-right: 1px solid $wcfContentBorderInner; |
66 | ||
bf5372fc | 67 | &:not(:last-child) { |
299eb8b4 AE |
68 | margin-right: 0; |
69 | } | |
70 | ||
71 | &.active > a { | |
72 | color: $wcfContentLinkActive; | |
73 | position: relative; | |
74 | ||
75 | &::after { | |
76 | border-bottom: 1px solid $wcfContentBackground; | |
77 | bottom: -1px; | |
78 | content: ""; | |
79 | display: block; | |
80 | left: 0; | |
81 | position: absolute; | |
82 | right: 0; | |
83 | } | |
b8eab696 AE |
84 | } |
85 | ||
b8eab696 | 86 | > a { |
bf5372fc | 87 | display: block; |
299eb8b4 | 88 | padding: 10px 20px; |
bf5372fc | 89 | |
5908f54f | 90 | @include userSelectNone; |
bf5372fc | 91 | |
f216765b | 92 | @include screen-md-up { |
c3d0938e AE |
93 | > .icon { |
94 | display: none; | |
95 | } | |
96 | } | |
97 | ||
f216765b | 98 | @include screen-sm-down { |
c3d0938e AE |
99 | > .icon { |
100 | display: block; | |
101 | } | |
102 | ||
103 | > span:not(.icon) { | |
104 | display: none; | |
105 | } | |
bf5372fc | 106 | } |
b8eab696 AE |
107 | } |
108 | } | |
109 | } | |
bf5372fc AE |
110 | |
111 | > span { | |
299eb8b4 | 112 | display: none; |
bf5372fc | 113 | } |
b8eab696 AE |
114 | } |
115 | ||
b8eab696 AE |
116 | /* fix for Firefox - fieldsets are set to display: table-column which cause an odd gap between the fieldset |
117 | and the next element, similar to gaps with display: inline-block and font-size > 0 */ | |
118 | @-moz-document url-prefix() { | |
119 | fieldset + .messageTabMenu { | |
120 | margin-top: -3px; | |
121 | } | |
122 | } | |
123 | ||
124 | .uploadButton { | |
125 | overflow: hidden; | |
126 | position: relative; | |
127 | ||
128 | > input { | |
129 | left: -4px; | |
130 | opacity: 0; | |
131 | padding: 4px; | |
132 | position: absolute; | |
133 | top: -2px; | |
134 | } | |
135 | } |