mirror of
https://github.com/zen-browser/pdf.js.git
synced 2025-07-08 17:30:09 +02:00
Merge pull request #18597 from timvandermeij/css-secondary-toolbar-part-3
Group and scope the secondary toolbar rules using CSS nesting
This commit is contained in:
commit
9103cf00c0
1 changed files with 20 additions and 5 deletions
|
@ -334,8 +334,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
:is(.toolbar, .editorParamsToolbar, #sidebarContainer)
|
:is(.toolbar, .editorParamsToolbar, #sidebarContainer)
|
||||||
:is(input, button, select),
|
:is(input, button, select) {
|
||||||
.secondaryToolbar :is(input, button, a, select) {
|
|
||||||
outline: none;
|
outline: none;
|
||||||
font: message-box;
|
font: message-box;
|
||||||
}
|
}
|
||||||
|
@ -362,7 +361,6 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
#toolbarContainer,
|
#toolbarContainer,
|
||||||
.secondaryToolbar,
|
|
||||||
.editorParamsToolbar {
|
.editorParamsToolbar {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: var(--toolbar-height);
|
height: var(--toolbar-height);
|
||||||
|
@ -447,7 +445,6 @@ body {
|
||||||
transition-duration: 0s;
|
transition-duration: 0s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.secondaryToolbar,
|
|
||||||
.editorParamsToolbar {
|
.editorParamsToolbar {
|
||||||
top: var(--toolbar-height);
|
top: var(--toolbar-height);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -462,7 +459,6 @@ body {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
.secondaryToolbar,
|
|
||||||
.editorParamsToolbar {
|
.editorParamsToolbar {
|
||||||
padding: 6px 0 10px;
|
padding: 6px 0 10px;
|
||||||
inset-inline-end: 4px;
|
inset-inline-end: 4px;
|
||||||
|
@ -1223,6 +1219,25 @@ dialog :link {
|
||||||
}
|
}
|
||||||
|
|
||||||
#secondaryToolbar {
|
#secondaryToolbar {
|
||||||
|
background-color: var(--doorhanger-bg-color);
|
||||||
|
cursor: default;
|
||||||
|
font: message-box;
|
||||||
|
font-size: 12px;
|
||||||
|
height: auto;
|
||||||
|
inset-inline-end: 4px;
|
||||||
|
line-height: 14px;
|
||||||
|
margin: 4px 2px;
|
||||||
|
padding: 6px 0 10px;
|
||||||
|
position: absolute;
|
||||||
|
text-align: left;
|
||||||
|
top: var(--toolbar-height);
|
||||||
|
z-index: 30000;
|
||||||
|
|
||||||
|
:is(button, a) {
|
||||||
|
font: message-box;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
.toolbarButton {
|
.toolbarButton {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue