Siklos/edge-frfox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

make toolbar left padding consistent #50

Browse source
This commit is contained in:
bmFtZQ 2022-07-14 21:28:45 +08:00
parent b9642fae67
commit b0b7b9bda4
2 changed files with 24 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

4
chrome/toolbar/personalbar.css
View file

@ -16,12 +16,12 @@ toolbarbutton.bookmark-item:not(.subviewbutton) {
content: ""; content: "";
display: block; display: block;
border-inline-start: 1px solid var(--toolbarseparator-color) !important; border-inline-start: 1px solid var(--toolbarseparator-color) !important;
margin-block: 8px !important; margin-block: 6px 10px !important;
border-image-source: none !important; border-image-source: none !important;
} }
#PersonalToolbar { #PersonalToolbar {
padding-inline: var(--toolbar-start-end-padding) calc(var(--toolbar-start-end-padding) + 4px) !important; padding-inline: calc(var(--toolbar-start-end-padding) - 2px) calc(var(--toolbar-start-end-padding) + 4px) !important;
} }
#managed-bookmarks>.toolbarbutton-icon, #managed-bookmarks>.toolbarbutton-icon,

40
chrome/toolbar/tabbar.css
View file

@ -205,14 +205,21 @@
#TabsToolbar .toolbarbutton-1>.toolbarbutton-icon, #TabsToolbar .toolbarbutton-1>.toolbarbutton-icon,
#TabsToolbar .toolbarbutton-1>.toolbarbutton-badge-stack { #TabsToolbar .toolbarbutton-1>.toolbarbutton-badge-stack {
border-radius: var(--toolbarbutton-border-radius) !important; border-radius: var(--toolbarbutton-border-radius) !important;
padding: var(--uc-toolbarbutton-inner-padding) !important; padding: var(--uc-toolbarbutton-inner-padding) var(--uc-toolbarbutton-inner-inline-padding) !important;
} }
#TabsToolbar .toolbarbutton-1>.toolbarbutton-icon { #TabsToolbar .toolbarbutton-1>.toolbarbutton-icon {
width: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important; width: calc(2 * var(--uc-toolbarbutton-inner-inline-padding) + 16px) !important;
height: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important; height: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important;
} }
#TabsToolbar #tabs-newtab-button>.toolbarbutton-icon,
#TabsToolbar #alltabs-button>.toolbarbutton-badge-stack,
#TabsToolbar #tabbrowser-tabs[hasadjacentnewtabbutton][overflow="true"] ~ #new-tab-button>.toolbarbutton-icon {
padding: var(--uc-toolbarbutton-inner-padding) !important;
width: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important;
}
#tabbrowser-tabs #tabs-newtab-button { #tabbrowser-tabs #tabs-newtab-button {
margin-inline-start: 2px !important; margin-inline-start: 2px !important;
} }
@ -278,24 +285,13 @@ toolbarbutton[part="scrollbutton-down"] {
/* mac titlebar buttons */ /* mac titlebar buttons */
@media (-moz-platform: macos) { @media (-moz-platform: macos) {
@media (-moz-mac-big-sur-theme:0) { .titlebar-buttonbox {
.titlebar-buttonbox { margin-inline: calc((var(--tab-min-height) + var(--tab-block-margin) - 14px) / 2) !important;
margin-inline: 10px !important;
}
.titlebar-buttonbox-container {
margin-inline-end: -8px !important;
}
} }
@media (-moz-mac-big-sur-theme:1) { .titlebar-buttonbox-container {
.titlebar-buttonbox { margin-inline-start: -6px !important;
margin-inline: calc((var(--tab-min-height) + var(--tab-block-margin) - 14px) / 2) !important; margin-inline-end: -2px !important;
}
.titlebar-buttonbox-container {
margin-inline-end: -8px !important;
}
} }
} }
@ -320,6 +316,14 @@ toolbarbutton[part="scrollbutton-down"] {
margin-inline-start: 8px !important; margin-inline-start: 8px !important;
} }
#tabbrowser-tabs {
margin-inline-start: -6px !important;
}
#TabsToolbar {
padding-inline-start: 6px !important;
}
#tabbrowser-tabs[overflow] .tabbrowser-tab[last-visible-tab]:not([pinned]) { #tabbrowser-tabs[overflow] .tabbrowser-tab[last-visible-tab]:not([pinned]) {
margin-inline-end: 7px !important; margin-inline-end: 7px !important;
} }