This commit is contained in:
tophf 2022-01-30 05:31:46 +03:00
parent c04ecf9f4c
commit b271fd4c2f
2 changed files with 12 additions and 8 deletions

View File

@ -686,29 +686,33 @@ body.blocked .actions > .main-controls {
flex: 1 1 auto; flex: 1 1 auto;
min-width: 2em; min-width: 2em;
} }
html:not(.styles-first) #popup-manage-button ~ .split-btn-menu { html:not(.styles-last) #popup-manage-button ~ .split-btn-menu {
bottom: 0; bottom: 0;
transform: translateY(-20px); /* global button style: 13(font) * 1.2(line) + 4(pad) + 2(border) */ transform: translateY(-20px); /* global button style: 13(font) * 1.2(line) + 4(pad) + 2(border) */
} }
html:not(.styles-first) .split-btn-pedal::after { html:not(.styles-last) .split-btn-pedal::after {
border-top: var(--side) solid transparent; border-top: var(--side) solid transparent;
border-bottom: calc(var(--side) * 1.3) solid currentColor; border-bottom: calc(var(--side) * 1.3) solid currentColor;
vertical-align: top; vertical-align: top;
position: relative; position: relative;
top: 1px; top: 1px;
} }
.styles-first body, .styles-last body,
.styles-first #main-actions { .styles-last #main-actions {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.styles-first #installed, .styles-last #installed,
.styles-first #main-actions > :not(#popup-options) { .styles-last #main-actions > :not(#popup-options) {
order: 1; order: 1;
flex: 1 0;
} }
.styles-first #main-actions { .styles-last #main-actions {
margin-top: 0; margin-top: 0;
} }
.styles-last #search-results {
order: 2;
}
/* confirm */ /* confirm */

View File

@ -38,7 +38,7 @@ preinit.then(({frames, styles, url}) => {
msg.onExtension(onRuntimeMessage); msg.onExtension(onRuntimeMessage);
prefs.subscribe('popup.stylesFirst', (key, stylesFirst) => { prefs.subscribe('popup.stylesFirst', (key, stylesFirst) => {
document.documentElement.classList.toggle('styles-first', stylesFirst); document.documentElement.classList.toggle('styles-last', !stylesFirst);
}, {runNow: true}); }, {runNow: true});
if (CHROME_POPUP_BORDER_BUG) { if (CHROME_POPUP_BORDER_BUG) {
prefs.subscribe('popup.borders', toggleSideBorders, {runNow: true}); prefs.subscribe('popup.borders', toggleSideBorders, {runNow: true});