samuel/kaplus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change notif point from image to css background

Browse Source
This commit is contained in:
samuel
2025-09-15 10:57:03 +02:00
parent 57d83653d5
commit 2ca48bda23
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
images/notif.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="#ff0000" d="M64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 362 B

9
src/kaplus.css
View File

@@ -52,13 +52,14 @@
opacity: 1; opacity: 1;
} }
a.has_notif::after { a.has_notif::after {
background-image: url("moz-extension://__MSG_@@extension_id__/images/notif.svg"), url("chrome-extension://__MSG_@@extension_id__/images/notif.svg");
background-size: 13px 13px; background-size: 13px 13px;
background-color: #FF0000;
border-radius: 50%;
position: absolute; position: absolute;
top: -13px; top: -13px;
right: -3px; right: 3px;
width: 13px; width: 12px;
height: 13px; height: 12px;
content: ""; content: "";
} }
.shortcut_element_image { .shortcut_element_image {