Menu filter, indicator

venizelou andreas · venizelou andreas · commit 10d93a23f8c8 · 2026-03-30T00:55:32.000+03:00
diff --git a/Protest/Front/ui.css b/Protest/Front/ui.css
@@ -177,6 +177,7 @@
 
 #menufilterdot {
 	position: absolute;
+	z-index: -1;
 	left: 156px;
 	top: 112px;
 	background-color: var(--clr-accent);
@@ -189,6 +190,16 @@
 	transition-timing-function:  cubic-bezier(.2,.8,.3,1.2);
 }
 
+#menufilterdot.focused::before {
+	content: "";
+	position: absolute;
+	width: 100%;
+	height: 32px;
+	border-radius: 4px;
+	background-color: var(--clr-transparent);
+	transform: translateY(-35px);
+}
+
 #menulist {
 	position: absolute;
 	left: 6px;
diff --git a/Protest/Front/ui.js b/Protest/Front/ui.js
@@ -1239,6 +1239,8 @@ keyMux:
 		break;
 	}
 
+	menufilterdot.className = MENU.index === -1 ? "focused" : "";
+
 	if (MENU.list.length > 0
 		&& MENU.index > -1
 		&& (event.key==="ArrowUp" || event.key==="ArrowDown" || event.key==="ArrowLeft" || event.key==="ArrowRight")) { //scroll into view

Original file line number	Diff line number	Diff line change
`@@ -1239,6 +1239,8 @@ keyMux:`
`1239`	`1239`	`break;`
`1240`	`1240`	`}`
`1241`	`1241`
	`1242`	`+ menufilterdot.className = MENU.index === -1 ? "focused" : "";`
	`1243`	`+`
`1242`	`1244`	`if (MENU.list.length > 0`
`1243`	`1245`	`&& MENU.index > -1`
`1244`	`1246`	`&& (event.key==="ArrowUp" \|\| event.key==="ArrowDown" \|\| event.key==="ArrowLeft" \|\| event.key==="ArrowRight")) { //scroll into view`