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:
commit
18dd2866f7
@ -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);
|
||||||
|
Loading…
x
Reference in New Issue
Block a user