|
112 | 112 | %emojiPickerCategoryHeaderWrapper {
|
113 | 113 | background-color: $main-color;
|
114 | 114 | }
|
115 |
| -// REMOVE WEIRD DOUBLE BORDER ON SEARCH IN EMOJI PICKER |
116 |
| -:where(.visual-refresh) .container_a45028:focus-within { |
117 |
| - border-color: none; |
118 |
| -} |
119 |
| - |
120 |
| -// VENCORD READ ALL |
121 |
| -.vc-ranb-button { |
122 |
| - border-radius: 50px !important; // !IMPORTANT BECAUSE VENCORD USED INLINE STYLING |
123 |
| - &:hover {background-color: $hover-color;} |
124 |
| -} |
125 |
| - |
126 |
| -html:not(.visual-refresh .scroller_ef3116) button.vc-ranb-button.button__201d5.lookFilled__201d5.sizeMin__201d5.grow__201d5 { |
127 |
| - position: static; |
128 |
| - background: rgba(0, 0, 0, 0.4); |
129 |
| - border-radius: 50px; |
130 |
| - color: $text-normal; |
131 |
| - box-sizing: border-box; |
132 |
| - padding: 4px 8px; |
133 |
| - overflow: visible; |
134 |
| - z-index: 1; |
135 |
| - transition: all 0.6s linear; |
136 |
| - border-color: none; |
137 |
| - &:hover { background: $hover-color;} |
138 |
| -} |
139 | 115 |
|
140 | 116 | // POPOUT GOING UP
|
141 | 117 | .popout__3f413, .popout__3f413.popoutPositionTop__3f413 {
|
@@ -209,6 +185,31 @@ html:not(.visual-refresh .scroller_ef3116) button.vc-ranb-button.button__201d5.l
|
209 | 185 | background: $popout-color;
|
210 | 186 | }
|
211 | 187 |
|
| 188 | +// REMOVE WEIRD DOUBLE BORDER ON SEARCH IN EMOJI PICKER |
| 189 | +:where(.visual-refresh) .container_a45028:focus-within { |
| 190 | + border-color: none; |
| 191 | +} |
| 192 | + |
| 193 | +// VENCORD READ ALL |
| 194 | +.vc-ranb-button { |
| 195 | + border-radius: 50px !important; // !IMPORTANT BECAUSE VENCORD USED INLINE STYLING |
| 196 | + &:hover {background-color: $hover-color;} |
| 197 | +} |
| 198 | + |
| 199 | +html:not(.visual-refresh .scroller_ef3116) button.vc-ranb-button.button__201d5.lookFilled__201d5.sizeMin__201d5.grow__201d5 { |
| 200 | + position: static; |
| 201 | + background: rgba(0, 0, 0, 0.4); |
| 202 | + border-radius: 50px; |
| 203 | + color: $text-normal; |
| 204 | + box-sizing: border-box; |
| 205 | + padding: 4px 8px; |
| 206 | + overflow: visible; |
| 207 | + z-index: 1; |
| 208 | + transition: all 0.6s linear; |
| 209 | + border-color: none; |
| 210 | + &:hover { background: $hover-color;} |
| 211 | +} |
| 212 | + |
212 | 213 | // a different double border for a differ emoji picker? (add a reaction)
|
213 | 214 | :where(.visual-refresh) .container_a45028 {
|
214 | 215 | border: none;
|
|
0 commit comments