Add hover states for annotation icons

banobepascal · pedropintosilva · commit 58a43db747db · 2025-11-11T12:36:24.000+01:00
-Remove duplicate background image from annotation avatar

Signed-off-by: Banobe Pascal &lt;banobe.pascal@collabora.com&gt;
Change-Id: Ib4ceabb66d43a543eeb03e6e58502c2a3933ce73
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
@@ -789,7 +789,6 @@ body {
 	box-sizing: border-box;
 	width: var(--default-width); /* Width of new image */
 	height: var(--default-height); /* Height of new image */
-	background: url('images/user.svg') center 3px no-repeat;
 }
 
 .leaflet-container .leaflet-pane.leaflet-calc-background-pane {
@@ -876,6 +875,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
`@@ -789,7 +789,6 @@ body {`
`789`	`789`	`box-sizing: border-box;`
`790`	`790`	`width: var(--default-width); /* Width of new image */`
`791`	`791`	`height: var(--default-height); /* Height of new image */`
`792`		`- background: url('images/user.svg') center 3px no-repeat;`
`793`	`792`	`}`
`794`	`793`
`795`	`794`	`.leaflet-container .leaflet-pane.leaflet-calc-background-pane {`
`@@ -876,6 +875,8 @@ body {`
`876`	`875`
`877`	`876`	`.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`	`877`	`border: 1px solid var(--color-border-darker);`
	`878`	`+ background-color: var(--color-background-hover) !important;`
	`879`	`+ border-radius: 16px;`
`879`	`880`	`}`
`880`	`881`
`881`	`882`	`.cool-annotation-date {`