danvics/pdfdraw
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Various css style fixes.

Browse source
This commit is contained in:
Joachim Bauch 2021-11-11 14:06:05 +01:00
parent 7849a011ce
commit ee50387938
No known key found for this signature in database
GPG key ID: 77C1D22D53E15F02
1 changed files with 35 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
css/pdfdraw.css
View file

@ -27,58 +27,71 @@
user-select: none; /* Non-prefixed version, currently user-select: none; /* Non-prefixed version, currently
supported by Chrome and Opera */ supported by Chrome and Opera */
} }
.cursor { .cursor {
border: 1px solid #ccc; border: 1px solid #ccc;
padding: 4px; padding: 4px;
background-color: white; background-color: white;
z-index: 100; z-index: 100;
} }
#presentationMode, #openFile, #print, #download, #viewBookmark, #secondaryToolbarToggle, .verticalToolbarSeparator {
#presentationMode,
#openFile,
#print,
#download,
#viewBookmark,
#secondaryToolbarToggle,
.verticalToolbarSeparator {
display: none !important; display: none !important;
} }
.noneMode::before { .noneMode::before {
content: ""; content: "";
display: block; display: block;
width: 16px; width: 16px;
height: 16px; height: 16px;
background-size: 16px 16px; background-size: 16px 16px;
background-image: url(../img/icon-notool.svg); background-image: url("../img/icon-notool.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.selectMode::before { .selectMode::before {
content: ""; content: "";
display: block; display: block;
width: 16px; width: 16px;
height: 16px; height: 16px;
background-size: 16px 16px; background-size: 16px 16px;
background-image: url(../img/icon-select.svg); background-image: url("../img/icon-select.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.pointerMode::before { .pointerMode::before {
content: ""; content: "";
display: block; display: block;
width: 16px; width: 16px;
height: 16px; height: 16px;
background-size: 16px 16px; background-size: 16px 16px;
background-image: url(../img/icon-pointer.svg); background-image: url("../img/icon-pointer.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.freehandMode::before { .freehandMode::before {
content: ""; content: "";
display: block; display: block;
width: 16px; width: 16px;
height: 16px; height: 16px;
background-size: 16px 16px; background-size: 16px 16px;
background-image: url(../img/icon-freehand.svg); background-image: url("../img/icon-freehand.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.rectangleMode::before { .rectangleMode::before {
content: ""; content: "";
display: block; display: block;
width: 16px; width: 16px;
height: 16px; height: 16px;
background-size: 16px 16px; background-size: 16px 16px;
background-image: url(../img/icon-rectangle.svg); background-image: url("../img/icon-rectangle.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
} }
@ -88,40 +101,41 @@
width: 16px; width: 16px;
height: 16px; height: 16px;
background-size: 16px 16px; background-size: 16px 16px;
background-image: url(../img/icon-ellipse.svg); background-image: url("../img/icon-ellipse.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.lineMode::before { .lineMode::before {
content: ""; content: "";
display: block; display: block;
width: 16px; width: 16px;
height: 16px; height: 16px;
background-size: 16px 16px; background-size: 16px 16px;
background-image: url(../img/icon-line.svg); background-image: url("../img/icon-line.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.toolbarButton.download::before { .toolbarButton.download::before {
content: ""; content: "";
display: block; display: block;
width: 16px; width: 16px;
height: 16px; height: 16px;
background-size: 16px 16px; background-size: 16px 16px;
background-image: url(../img/icon-download.svg); background-image: url("../img/icon-download.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.secondaryToolbar.drawMenuToolbar { .secondaryToolbar.drawMenuToolbar {
right: 105px !important; right: 105px !important;
}
.secondaryToolbar.drawMenuToolbar {
line-height: 0 !important; line-height: 0 !important;
} }
.secondaryToolbar.drawMenuToolbar .toolbarButton::before { .secondaryToolbar.drawMenuToolbar .toolbarButton::before {
position: relative !important; position: relative !important;
top: 1px !important; top: 1px !important;
left: 1px !important; left: 1px !important;
} }
.secondaryToolbar.drawMenuToolbar .toolbarButton { .secondaryToolbar.drawMenuToolbar .toolbarButton {
margin: 0 !important; margin: 0 !important;
} }
@ -141,15 +155,15 @@
.toolbarButton.close::before { .toolbarButton.close::before {
display: block; display: block;
content: ' '; content: " ";
background-image: url(../img/toolbarButton-secondaryToolbarClose.svg); background-image: url("../img/toolbarButton-secondaryToolbarClose.svg");
background-size: 16px 16px; background-size: 16px 16px;
height: 16px; height: 16px;
width: 16px; width: 16px;
} }
#drawModeToolbar .dropdown { #drawModeToolbar .dropdown {
background: url(../img/icon-dropdown.svg); background: url("../img/icon-dropdown.svg");
width: 16px; width: 16px;
height: 16px; height: 16px;
background-size: 16px 16px; background-size: 16px 16px;
@ -293,10 +307,11 @@
} }
.toolbarButton.selected { .toolbarButton.selected {
background-color: hsla(0,0%,0%,.12); background-color: hsla(0, 0%, 0%, 0.12);
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
background-clip: padding-box; background-clip: padding-box;
border: 1px solid hsla(0,0%,0%,.35); border: 1px solid hsla(0, 0%, 0%, 0.35);
border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42); border-color: hsla(0, 0%, 0%, 0.32) hsla(0, 0%, 0%, 0.38) hsla(0, 0%, 0%, 0.42);
box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, 0 0 1px hsla(0,0%,100%,.15) inset, 0 1px 0 hsla(0,0%,100%,.05); /* stylelint-disable-next-line max-line-length */
box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.05) inset, 0 0 1px hsla(0, 0%, 100%, 0.15) inset, 0 1px 0 hsla(0, 0%, 100%, 0.05);
} }