| @@ -5,8 +5,30 @@ | ||
| 5 | 5 | :root { |
| 6 | 6 | color-scheme: only light; |
| 7 | 7 | } |
| 8 | 8 | |
| 9 | +/* The bar is fixed, and the agent reserves its height only while its panel is open. */ | |
| 10 | +/* no-prefix */ | |
| 11 | +body { | |
| 12 | + padding-bottom: var(--extendify-notification-bar-height, 0px); | |
| 13 | +} | |
| 14 | + | |
| 15 | +/* Fixed positioning escapes the body padding; --bottom is TranslatePress's own offset. */ | |
| 16 | +/* no-prefix */ | |
| 17 | +.trp-floating-switcher.trp-switcher-position-bottom { | |
| 18 | + bottom: calc( | |
| 19 | + var(--bottom, 0px) + | |
| 20 | + var(--extendify-notification-bar-height, 0px) | |
| 21 | + ); | |
| 22 | +} | |
| 23 | + | |
| 24 | +/* The legacy switcher; a site setting picks which generation renders. */ | |
| 25 | +/* no-prefix */ | |
| 26 | +#trp-floater-ls.trp-bottom-right, | |
| 27 | +#trp-floater-ls.trp-bottom-left { | |
| 28 | + bottom: var(--extendify-notification-bar-height, 0px); | |
| 29 | +} | |
| 30 | + | |
| 9 | 31 | /* Without this the wrapper divs stretch the pill to the host bar's full height. */ |
| 10 | 32 | /* no-prefix */ |
| 11 | 33 | #wpadminbar .extendify-notifications, |
| 12 | 34 | #wpadminbar .extendify-notifications .extendify-shared, |
| @@ -20,13 +42,15 @@ | ||
| 20 | 42 | @apply ml-1 mr-2; |
| 21 | 43 | } |
| 22 | 44 | |
| 23 | 45 | /* Core's `.ab-item` chrome would frame the pill. Raw lengths, not the spacing |
| 24 | - scale: the theme vars are scoped below this element. */ | |
| 46 | + scale: the theme vars are scoped below this element. Core's fixed height | |
| 47 | + would leave the margins overflowing the bar. */ | |
| 25 | 48 | /* no-prefix */ |
| 26 | 49 | #wpadminbar #wp-admin-bar-extendify-notifications > .ab-item { |
| 27 | 50 | display: flex !important; |
| 28 | 51 | align-items: center !important; |
| 52 | + height: auto !important; | |
| 29 | 53 | margin: 4px 8px !important; |
| 30 | 54 | padding: 0 !important; |
| 31 | 55 | background: transparent !important; |
| 32 | 56 | } |
