Beanz/pdf.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #20200 from calixteman/remove_useless_css2

Browse Source 
[Editor] Remove useless CSS and fix styling for the comment button
This commit is contained in:
calixteman 2025-08-26 22:10:11 +02:00 committed by GitHub
commit e37a58f978
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/display/annotation_layer.js
View File

@ -2478,8 +2478,8 @@ class PopupElement {
{ signal } { signal }
); );
const { style } = button; const { style } = button;
style.left = `calc(${this.#commentButtonPosition[0]}% + var(--comment-button-offset))`; style.left = `calc(${this.#commentButtonPosition[0]}%)`;
style.top = `calc(${this.#commentButtonPosition[1]}% - var(--comment-button-dim) - var(--comment-button-offset))`; style.top = `calc(${this.#commentButtonPosition[1]}% - var(--comment-button-dim))`;
if (this.#commentButtonColor) { if (this.#commentButtonColor) {
style.backgroundColor = this.#commentButtonColor; style.backgroundColor = this.#commentButtonColor;
} }

9
web/comment_manager.css
View File

@ -263,13 +263,14 @@
--comment-button-active-fg: light-dark(white, #15141a); --comment-button-active-fg: light-dark(white, #15141a);
--comment-button-hover-bg: light-dark(#0053cb, #61dce9); --comment-button-hover-bg: light-dark(#0053cb, #61dce9);
--comment-button-hover-fg: light-dark(white, #15141a); --comment-button-hover-fg: light-dark(white, #15141a);
--comment-button-selected-bg: light-dark(#0062fa, #00cadb);
--comment-button-border-color: light-dark(#8f8f9d, #bfbfc9); --comment-button-border-color: light-dark(#8f8f9d, #bfbfc9);
--comment-button-active-border-color: var(--comment-button-active-bg);
--comment-button-focus-border-color: light-dark(#cfcfd8, #3a3944); --comment-button-focus-border-color: light-dark(#cfcfd8, #3a3944);
--comment-button-hover-border-color: var(--comment-button-hover-bg); --comment-button-hover-border-color: var(--comment-button-hover-bg);
--comment-button-selected-bg: light-dark(#0062fa, #00cadb); --comment-button-selected-border-color: var(--comment-button-selected-bg);
--comment-button-selected-fg: light-dark(white, #15141a); --comment-button-selected-fg: light-dark(white, #15141a);
--comment-button-dim: 24px; --comment-button-dim: 24px;
--comment-button-offset: 1px;
--comment-button-box-shadow: --comment-button-box-shadow:
0 0.25px 0.75px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 0.25px 0.75px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)),
0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); 0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
@ -317,7 +318,6 @@
} }
&:focus-visible { &:focus-visible {
-moz-outline-radius: 7px 7px 7px 0;
outline: 2px solid var(--comment-button-focus-outline-color); outline: 2px solid var(--comment-button-focus-outline-color);
outline-offset: 1px; outline-offset: 1px;
border-color: var(--comment-button-focus-border-color); border-color: var(--comment-button-focus-border-color);
@ -325,6 +325,7 @@
&:hover { &:hover {
background-color: var(--comment-button-hover-bg) !important; background-color: var(--comment-button-hover-bg) !important;
border-color: var(--comment-button-hover-border-color);
&::before { &::before {
background-color: var(--comment-button-hover-fg); background-color: var(--comment-button-hover-fg);
@ -333,6 +334,7 @@
&:active { &:active {
background-color: var(--comment-button-active-bg) !important; background-color: var(--comment-button-active-bg) !important;
border-color: var(--comment-button-active-border-color);
&::before { &::before {
background-color: var(--comment-button-active-fg); background-color: var(--comment-button-active-fg);
@ -341,6 +343,7 @@
&.selected { &.selected {
background-color: var(--comment-button-selected-bg) !important; background-color: var(--comment-button-selected-bg) !important;
border-color: var(--comment-button-selected-border-color);
&::before { &::before {
background-color: var(--comment-button-selected-fg); background-color: var(--comment-button-selected-fg);