From 340add399d0ad9e15937f844ba425594561e9eba Mon Sep 17 00:00:00 2001
From: ccd0 <admin@containerchan.org>
Date: Tue, 20 Oct 2015 18:04:34 -0700
Subject: [PATCH] Letter S over spoiler checkbox -> letter S becomes checkbox
 when hovered/focused/checked.

---
 src/General/css/style.css | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/General/css/style.css b/src/General/css/style.css
index 4d31e4eb2..012037f5e 100755
--- a/src/General/css/style.css
+++ b/src/General/css/style.css
@@ -1456,18 +1456,17 @@ input#qr-filename {
   margin: 0;
 }
 .checkbox-letter {
-  pointer-events: none;
-  position: absolute;
-  top: 2px;
-  left: 0;
-  right: 0;
-  text-align: center;
-  font-size: 11px;
   font-weight: bold;
   color: rgba(0,0,0,.6);
 }
+#qr-filename-container label:not(:hover) > input[type="checkbox"]:not(:focus):not(:checked),
+#qr-filename-container label:hover > .checkbox-letter,
+input[type="checkbox"]:focus ~ .checkbox-letter,
 input[type="checkbox"]:checked ~ .checkbox-letter {
-  display: none;
+  /* not displayed but still focusable */
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
 }
 #paste-area, #url-button, #custom-cooldown-button, #dump-button {
   opacity: 0.6;