Merge pull request #14827 from Snuffleupagus/toolbar-margin

Simplify setting of spacing at the left/right edges of the toolbar(s)
This commit is contained in:
Tim van der Meij 2022-04-23 13:11:16 +02:00 committed by GitHub
commit 18dd2866f7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -313,13 +313,6 @@ select {
0 1px 0 rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.1); 0 1px 0 rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.1);
} }
#toolbarSidebar .toolbarButton {
margin-inline-end: 2px !important;
}
#toolbarSidebarRight .toolbarButton {
margin-inline-end: 3px !important;
}
#sidebarResizer { #sidebarResizer {
position: absolute; position: absolute;
top: 0; top: 0;
@ -580,8 +573,18 @@ select {
float: inline-start; float: inline-start;
} }
#toolbarViewerLeft {
padding-inline-start: 1px;
}
#toolbarViewerRight {
padding-inline-end: 1px;
}
#toolbarSidebarRight {
padding-inline-end: 2px;
}
.splitToolbarButton { .splitToolbarButton {
margin: 2px 2px 0; margin: 2px;
display: inline-block; display: inline-block;
} }
.splitToolbarButton > .toolbarButton { .splitToolbarButton > .toolbarButton {
@ -620,10 +623,6 @@ select {
opacity: 0.5; opacity: 0.5;
} }
.splitToolbarButton.toggled .toolbarButton {
margin: 0;
}
.splitToolbarButton > .toolbarButton:hover, .splitToolbarButton > .toolbarButton:hover,
.splitToolbarButton > .toolbarButton:focus-visible, .splitToolbarButton > .toolbarButton:focus-visible,
.dropdownToolbarButton:hover, .dropdownToolbarButton:hover,
@ -634,11 +633,11 @@ select {
} }
.splitToolbarButton > .toolbarButton { .splitToolbarButton > .toolbarButton {
position: relative; position: relative;
}
.splitToolbarButton > .toolbarButton:first-child,
.splitToolbarButton > .toolbarButton:last-child {
margin: 0; margin: 0;
} }
#toolbarSidebar .splitToolbarButton > .toolbarButton {
margin-inline-end: 2px;
}
.splitToolbarButtonSeparator { .splitToolbarButtonSeparator {
float: inline-start; float: inline-start;
@ -667,13 +666,6 @@ select {
box-sizing: border-box; box-sizing: border-box;
} }
#toolbarViewerLeft > .toolbarButton:first-child {
margin-inline-start: 2px;
}
#toolbarViewerRight > .toolbarButton:last-child {
margin-inline-end: 2px;
}
.toolbarButton:hover, .toolbarButton:hover,
.toolbarButton:focus-visible { .toolbarButton:focus-visible {
background-color: var(--button-hover-color); background-color: var(--button-hover-color);