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;
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;
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-bottom: calc(var(--side) * 1.3) solid currentColor;
vertical-align: top;
position: relative;
top: 1px;
}
.styles-first body,
.styles-first #main-actions {
.styles-last body,
.styles-last #main-actions {
display: flex;
flex-direction: column;
}
.styles-first #installed,
.styles-first #main-actions > :not(#popup-options) {
.styles-last #installed,
.styles-last #main-actions > :not(#popup-options) {
order: 1;
flex: 1 0;
}
.styles-first #main-actions {
.styles-last #main-actions {
margin-top: 0;
}
.styles-last #search-results {
order: 2;
}
/* confirm */

View File

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