|
1 | 1 | @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
|
| 2 | +@import url("https://lazuee.github.io/css-snippets/discord/sidebar-notice/import.css"); |
2 | 3 |
|
3 | 4 | :root {
|
4 | 5 | --notice-margin-top: calc(57px + var(--space));
|
@@ -77,11 +78,12 @@ html {
|
77 | 78 | margin-top: var(--top-margin);
|
78 | 79 | position: relative;
|
79 | 80 |
|
80 |
| - &:has(> .scroller_fea3ef > button:nth-child(2)) { |
81 |
| - --top-margin: calc((56px + ((56px * var(--server-nav-i)) - 56px)) + (var(--space) + 20px)); |
| 81 | + &:has(> .scroller_fea3ef > button.vc-ranb-button), |
| 82 | + &:has(> .scroller_fea3ef > div[style="margin-bottom: 4px;"]):not(:has(> .scroller_fea3ef > button.vc-ranb-button)) { |
| 83 | + --top-margin: calc((56px + ((56px * var(--server-nav-i)) - 56px)) + (var(--space) + 24px)); |
82 | 84 | }
|
83 | 85 |
|
84 |
| - &:has(> .scroller_fea3ef > div[style="margin-bottom: 4px;"]:nth-child(2)) { |
| 86 | + &:has(> .scroller_fea3ef > div[style="margin-bottom: 4px;"]) { |
85 | 87 | --top-margin: calc((56px + ((56px * var(--server-nav-i)) - 56px)) + (var(--space) + 48px));
|
86 | 88 | }
|
87 | 89 |
|
@@ -168,7 +170,7 @@ html {
|
168 | 170 | }
|
169 | 171 |
|
170 | 172 |
|
171 |
| - >div[style="margin-bottom: 4px;"]:nth-child(2) { |
| 173 | + >div[style="margin-bottom: 4px;"] { |
172 | 174 | top: calc(56px + var(--space) + 21px);
|
173 | 175 | width: 72px;
|
174 | 176 | height: 20px;
|
@@ -196,7 +198,19 @@ html {
|
196 | 198 | }
|
197 | 199 | }
|
198 | 200 |
|
199 |
| - >button:nth-child(2) { |
| 201 | + &:not(:has(> button.vc-ranb-button)) { |
| 202 | + >div[style="margin-bottom: 4px;"] { |
| 203 | + top: calc(56px + var(--space)); |
| 204 | + padding-top: 4px; |
| 205 | + |
| 206 | + &:before { |
| 207 | + height: 20px; |
| 208 | + border: 1px solid var(--border-subtle); |
| 209 | + } |
| 210 | + } |
| 211 | + } |
| 212 | + |
| 213 | + >button.vc-ranb-button { |
200 | 214 | top: calc(56px + var(--space));
|
201 | 215 | width: 72px;
|
202 | 216 | height: 20px;
|
|
0 commit comments