ZenBrowserMirrors/pdf.js
1
0
Fork 0
mirror of https://github.com/zen-browser/pdf.js.git synced 2025-07-08 17:30:09 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #18597 from timvandermeij/css-secondary-toolbar-part-3

Browse source 
Group and scope the secondary toolbar rules using CSS nesting
This commit is contained in:
Tim van der Meij 2024-08-12 19:03:04 +02:00 • committed by GitHub
commit 9103cf00c0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 20 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

25
web/viewer.css
View file

@ -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;