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 | ||
95fc303c AE |
51 | .messageTabMenu + .innerError, |
52 | .messageTabMenu + .innerSuccess, | |
53 | .messageTabMenu + .innerWarning { | |
87dba389 | 54 | margin-top: -1px; |
45433290 AE |
55 | width: 100%; |
56 | } | |
57 | ||
bf5372fc | 58 | .messageTabMenuNavigation { |
bf5372fc | 59 | > ul { |
299eb8b4 AE |
60 | background-color: $wcfContentBackground; |
61 | border: 1px solid $wcfContentBorderInner; | |
62 | border-top-width: 0; | |
b8eab696 | 63 | |
5908f54f | 64 | @include inlineList; |
bf5372fc AE |
65 | |
66 | > li { | |
299eb8b4 AE |
67 | border-right: 1px solid $wcfContentBorderInner; |
68 | ||
bf5372fc | 69 | &:not(:last-child) { |
299eb8b4 AE |
70 | margin-right: 0; |
71 | } | |
72 | ||
73 | &.active > a { | |
74 | color: $wcfContentLinkActive; | |
75 | position: relative; | |
76 | ||
77 | &::after { | |
78 | border-bottom: 1px solid $wcfContentBackground; | |
79 | bottom: -1px; | |
80 | content: ""; | |
81 | display: block; | |
82 | left: 0; | |
83 | position: absolute; | |
84 | right: 0; | |
85 | } | |
b8eab696 AE |
86 | } |
87 | ||
b8eab696 | 88 | > a { |
bf5372fc | 89 | display: block; |
299eb8b4 | 90 | padding: 10px 20px; |
bf5372fc | 91 | |
5908f54f | 92 | @include userSelectNone; |
bf5372fc | 93 | |
f216765b | 94 | @include screen-md-up { |
c3d0938e AE |
95 | > .icon { |
96 | display: none; | |
97 | } | |
98 | } | |
99 | ||
f216765b | 100 | @include screen-sm-down { |
c3d0938e AE |
101 | > .icon { |
102 | display: block; | |
103 | } | |
104 | ||
105 | > span:not(.icon) { | |
106 | display: none; | |
107 | } | |
bf5372fc | 108 | } |
b8eab696 AE |
109 | } |
110 | } | |
111 | } | |
bf5372fc AE |
112 | |
113 | > span { | |
299eb8b4 | 114 | display: none; |
bf5372fc | 115 | } |
b8eab696 AE |
116 | } |
117 | ||
b8eab696 AE |
118 | /* fix for Firefox - fieldsets are set to display: table-column which cause an odd gap between the fieldset |
119 | and the next element, similar to gaps with display: inline-block and font-size > 0 */ | |
120 | @-moz-document url-prefix() { | |
121 | fieldset + .messageTabMenu { | |
122 | margin-top: -3px; | |
123 | } | |
124 | } | |
125 | ||
126 | .uploadButton { | |
127 | overflow: hidden; | |
128 | position: relative; | |
129 | ||
130 | > input { | |
efe397bc MW |
131 | bottom: 0; |
132 | left: 0; | |
b8eab696 | 133 | opacity: 0; |
b8eab696 | 134 | position: absolute; |
efe397bc | 135 | top: 0; |
b8eab696 AE |
136 | } |
137 | } |