disable hover effect, add basic keyboard support

joaophi · Nov 29, 2023 · 86afba9 · 86afba9
1 parent 9b9eb6a
commit 86afba9
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/Makefile b/Makefile
@@ -12,7 +12,8 @@ build:
 	                      --extra-source=icons/ \
 	                      --extra-source=tailscale.js \
 	                      --extra-source=timeout.js \
-	                      --extra-source=compat.js; \
+	                      --extra-source=compat.js \
+	                      --extra-source=stylesheet.css; \
 	mv $(EXTENSION_DIR).shell-extension.zip ../$(BUNDLE_PATH)
 
 install:

diff --git a/[email protected]/extension.js b/[email protected]/extension.js
@@ -60,6 +60,7 @@ const TailscaleDeviceItem = GObject.registerClass(
     _init(icon_name, text, subtitle, onClick, onLongClick) {
       super._init({
         activate: onClick,
+        can_focus: true,
       });
 
       const icon = new St.Icon({
@@ -321,6 +322,7 @@ const ScrollablePopupMenu = GObject.registerClass(
       super._init({
         hover: false,
         activate: false,
+        can_focus: false,
       });
 
       this.scrollView = new St.ScrollView({
@@ -333,6 +335,7 @@ const ScrollablePopupMenu = GObject.registerClass(
       this.box = new St.BoxLayout({ width: 300, vertical: true });
       this.scrollView.add_actor(this.box);
       this.actor.add_actor(this.scrollView);
+      this.actor.add_style_class_name('scrollable-popup-menu');
 
       this.scrollView.connect('scroll-event', this._onScrollEvent.bind(this));
 

diff --git a/[email protected]/stylesheet.css b/[email protected]/stylesheet.css
@@ -0,0 +1,3 @@
+.scrollable-popup-menu {
+    background-color: transparent !important;
+}