Add hover states for annotation icons

banobepascal · banobepascal · commit 8c71046f6276 · 2025-11-07T04:39:41.000+03:00
-Remove duplicate background image from annotation avatar

Signed-off-by: Banobe Pascal &lt;banobe.pascal@collabora.com&gt;
Change-Id: I53676e2b53ab56f48ec92474c37d0f6917690c14
diff --git a/browser/css/color-palette-dark.css b/browser/css/color-palette-dark.css
@@ -75,6 +75,7 @@
 
 	--color-quickfind-border: #444;
 	--scrollbar-color: #c0bfbc transparent;
+	--color-background-hover: #363636;
 }
 
 [data-bg-theme='dark'] {
diff --git a/browser/css/color-palette.css b/browser/css/color-palette.css
@@ -84,6 +84,7 @@
 	--color-treeview-highlight-text: #222;
 	--color-quickfind-border: #e1dfdd;
 	--scrollbar-color: #c0bfbc #fafafa;
+	--color-background-hover: #F5F5F5;
 }
 
 [data-bg-theme='light'] {
diff --git a/browser/css/cool.css b/browser/css/cool.css
@@ -876,6 +876,8 @@ body {
 
 .cool-annotation-menu:hover, .cool-annotation-menu-redline:hover, .cool-redline-accept-button:hover, .cool-redline-reject-button:hover, .cool-annotation-menu-edit:hover {
 	border: 1px solid var(--color-border-darker);
+	background-color: var(--color-background-hover) !important;
+	border-radius: 16px;
 }
 
 .cool-annotation-date {

Original file line number	Diff line number	Diff line change
`@@ -75,6 +75,7 @@`
`75`	`75`
`76`	`76`	`--color-quickfind-border: #444;`
`77`	`77`	`--scrollbar-color: #c0bfbc transparent;`
	`78`	`+ --color-background-hover: #363636;`
`78`	`79`	`}`
`79`	`80`
`80`	`81`	`[data-bg-theme='dark'] {`
Original file line number	Diff line number	Diff line change
`@@ -84,6 +84,7 @@`
`84`	`84`	`--color-treeview-highlight-text: #222;`
`85`	`85`	`--color-quickfind-border: #e1dfdd;`
`86`	`86`	`--scrollbar-color: #c0bfbc #fafafa;`
	`87`	`+ --color-background-hover: #F5F5F5;`
`87`	`88`	`}`
`88`	`89`
`89`	`90`	`[data-bg-theme='light'] {`
Original file line number	Diff line number	Diff line change
`@@ -876,6 +876,8 @@ body {`
`876`	`876`
`877`	`877`	`.cool-annotation-menu:hover, .cool-annotation-menu-redline:hover, .cool-redline-accept-button:hover, .cool-redline-reject-button:hover, .cool-annotation-menu-edit:hover {`
`878`	`878`	`border: 1px solid var(--color-border-darker);`
	`879`	`+ background-color: var(--color-background-hover) !important;`
	`880`	`+ border-radius: 16px;`
`879`	`881`	`}`
`880`	`882`
`881`	`883`	`.cool-annotation-date {`