sebastian-sauer/gitea-conventional-comments-button
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Don't use multiple selectors

Browse Source 
for any reason this doesn't work in FF
This commit is contained in:
Sebastian Sauer 2023-07-31 22:16:11 +02:00
parent 14758f8e0c
commit f86a806759
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/inject/inject.css
View File

@ -13,7 +13,10 @@
transition: all 0.3s; transition: all 0.3s;
} }
#conventionalCommentButtonContainer div.buttonContainer.hasBlockingButton:hover, #conventionalCommentButtonContainer div.buttonContainer.hasBlockingButton:hover {
width: 50px;
}
#conventionalCommentButtonContainer div.buttonContainer.hasBlockingButton:has(button:focus) { #conventionalCommentButtonContainer div.buttonContainer.hasBlockingButton:has(button:focus) {
width: 50px; width: 50px;
} }
@ -32,7 +35,11 @@
width: 13px; width: 13px;
} }
#conventionalCommentButtonContainer button:hover, #conventionalCommentButtonContainer button:hover {
outline: 0;
color: var(--color-primary-hover);
}
#conventionalCommentButtonContainer button:focus { #conventionalCommentButtonContainer button:focus {
outline: 0; outline: 0;
color: var(--color-primary-hover); color: var(--color-primary-hover);
@ -42,7 +49,10 @@
color: var(--color-red-badge); color: var(--color-red-badge);
} }
#conventionalCommentButtonContainer button.blocking:hover, #conventionalCommentButtonContainer button.blocking:hover {
color: var(--color-red-badge-hover-bg);
}
#conventionalCommentButtonContainer button.blocking:focus { #conventionalCommentButtonContainer button.blocking:focus {
color: var(--color-red-badge-hover-bg); color: var(--color-red-badge-hover-bg);
} }