Commit | Line | Data |
---|---|---|
60239287 JR |
1 | #trophyIconEditor .colorBoxValue { |
2 | display: block; | |
3 | height: 24px; | |
4 | width: 24px; | |
5 | } | |
6 | ||
7 | #trophyIconEditor .colorBox { | |
8 | background-color: rgb(255, 255, 255); | |
9 | border: 1px solid rgb(204, 204, 204); | |
10 | display: inline-block; | |
11 | padding: 1px; | |
12 | vertical-align: middle; | |
13 | } | |
14 | ||
15 | #badgeContainer .icon { | |
16 | vertical-align: middle; | |
17 | } | |
18 | ||
ab306592 | 19 | .trophyIcon { |
afd474ba | 20 | align-self: flex-start; |
ab306592 JR |
21 | display: inline-block; |
22 | border-radius: 50%; | |
8a52619a | 23 | |
afd474ba AE |
24 | fa-icon { |
25 | transform: scale(0.5625); | |
26 | width: var(--icon-size); | |
87781e89 MW |
27 | |
28 | /* | |
29 | We need to override the positioning by the .box classes here | |
30 | to prevent the icon from being moved too far to the left. | |
31 | */ | |
32 | position: static !important; | |
ab306592 JR |
33 | } |
34 | } | |
a83d788a | 35 | |
6328e311 | 36 | .specialTrophyList { |
a83d788a JR |
37 | display: flex; |
38 | flex-wrap: wrap; | |
8a52619a | 39 | |
a83d788a | 40 | > li { |
8a52619a | 41 | width: 300px; |
a83d788a | 42 | padding-bottom: 5px; |
8a52619a | 43 | |
a83d788a | 44 | > label { |
8a52619a | 45 | display: flex; |
a83d788a | 46 | align-items: center; |
8a52619a | 47 | |
d7436206 | 48 | .trophyIcon, |
a83d788a JR |
49 | > span:last-child { |
50 | margin-left: 5px; | |
51 | } | |
98287fae AE |
52 | |
53 | input, | |
54 | .trophyIcon { | |
55 | flex-shrink: 0; | |
56 | } | |
a83d788a JR |
57 | } |
58 | } | |
59 | } | |
60 | ||
2e9ffca3 | 61 | /* trophies in message sidebar */ |
2f0a4a69 MW |
62 | .specialTrophyContainer { |
63 | margin-top: 10px; | |
8a52619a | 64 | |
2f0a4a69 MW |
65 | > ul { |
66 | display: flex; | |
67 | justify-content: center; | |
2e9ffca3 MW |
68 | flex-wrap: wrap; |
69 | margin-bottom: -5px; | |
70 | margin-right: -5px; | |
8a52619a | 71 | |
2e9ffca3 MW |
72 | > li { |
73 | margin-bottom: 5px; | |
2f0a4a69 MW |
74 | margin-right: 5px; |
75 | } | |
a83d788a JR |
76 | } |
77 | } | |
78 | ||
a83d788a JR |
79 | @include screen-sm-down { |
80 | .specialTrophyContainer { | |
81 | display: none; | |
82 | } | |
83 | } | |
84 | ||
2e9ffca3 | 85 | /* trophies in user profile header */ |
a83d788a | 86 | .specialTrophyUserContainer > ul { |
2e9ffca3 | 87 | align-items: center; |
a83d788a | 88 | display: flex; |
2e9ffca3 MW |
89 | flex-wrap: wrap; |
90 | margin-right: -5px; | |
a83d788a | 91 | margin-top: -15px; |
8a52619a | 92 | |
2e9ffca3 MW |
93 | > li { |
94 | margin-bottom: 5px; | |
a83d788a JR |
95 | margin-right: 5px; |
96 | } | |
97 | } | |
98 | ||
aef94225 AE |
99 | .userProfileUserWithCoverPhoto .specialTrophyUserContainer > ul { |
100 | margin-top: 0; | |
101 | } | |
a83d788a | 102 | |
5bb5c5f8 | 103 | .sortableNodeLabel > .trophyIcon { |
e9e66ebd | 104 | margin-right: 5px; |
5bb5c5f8 | 105 | } |