add minimize button to quick jisho

imported from SethClydesdale/genki-study-resources@49db8ce#diff-ffedf14f17c83edf58d617adeecf9d72b030900c23459c7305ba542b73a08e35L2403
SethClydesdale · Dec 19, 2024 · 1b40243 · 1b40243
1 parent 322f4b3
commit 1b40243
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 16 deletions.
diff --git a/resources/css/stylesheet.css b/resources/css/stylesheet.css
@@ -19,6 +19,18 @@
   -moz-osx-font-smoothing:grayscale;
 }
 
+.fa-hover {
+  color: #fff;
+  line-height: 32px;
+  font-size: 18px;
+  outline:none;
+}
+.fa-hover:hover, .fa-hover:focus {
+  opacity: 0.7;
+  outline: none;
+  cursor: pointer;
+}
+
 /* dictionary styles */
 .lesson-exercises { display:none; }
 .main-color { color:#C33; }
@@ -1302,13 +1314,22 @@ ruby rt {
   opacity:0;
 }
 
-#quick-jisho-title {
-  color:#fff;
+.quick-jisho-header {
   background:#C33;
-  font-size:18px;
-  text-align:center;
-  line-height:32px;
-  margin:-1px -1px 0 -1px;
+  display: flex;
+  align-items: center;
+  padding-left: 1em;
+  padding-right: 1em;
+}
+#quick-jisho-title {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  color: #fff;
+  line-height: 32px;
+  font-size: 18px;
+  margin: -1px -1px 0 -1px;
+  margin-left: 18px;
 }
 
 .quick-jisho-row { padding:3px; }