projects / GitHub / WoltLab / WCF.git / blame
| 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 | } |