From ece753991e88bf5aa5424a649a6bea52d7def899 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Sat, 9 Jan 2021 23:16:01 +0100
Subject: [PATCH] Make button show its toggle state

---
 qt/aqt/browser.py               | 3 +++
 qt/aqt/data/web/css/editor.scss | 8 +++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/qt/aqt/browser.py b/qt/aqt/browser.py
index 24b8bd925..b1f712a40 100644
--- a/qt/aqt/browser.py
+++ b/qt/aqt/browser.py
@@ -879,8 +879,10 @@ QTableView {{ gridline-color: {grid} }}
                 lambda _editor: self.onTogglePreview(),
                 "Preview Selected Card",
                 "Preview",
+                id="previewButton",
                 disables=False,
                 rightside=False,
+                toggleable=True,
             ))
 
         gui_hooks.editor_did_init_left_buttons.append(add_preview_button)
@@ -1579,6 +1581,7 @@ where id in %s"""
             self._previewer.close()
 
     def _on_preview_closed(self):
+        self.editor.web.eval("$('#previewButton').removeClass('highlighted')")
         self._previewer = None
 
     # Card deletion
diff --git a/qt/aqt/data/web/css/editor.scss b/qt/aqt/data/web/css/editor.scss
index 8f768e96c..8957a8101 100644
--- a/qt/aqt/data/web/css/editor.scss
+++ b/qt/aqt/data/web/css/editor.scss
@@ -73,7 +73,13 @@ button.linkb:disabled {
 }
 
 button.highlighted {
-    border-bottom: 3px solid #000;
+    #topbutsleft & {
+        box-shadow: inset 0px 0px 5px #222;
+    }
+
+    #topbutsright & {
+        border-bottom: 3px solid #000;
+    }
 }
 
 #fields {