feature: add brightspot rendering in question

2026-02-14 00:35:03 +01:00
parent e9643b8944
commit 0e9a4dceac
3 changed files with 36 additions and 1 deletions
@@ -24,6 +24,7 @@
  background: #ddd;
  margin-top: 2em;
  margin-bottom: 2em;
+  position: relative;
 }
 .question p {
  padding: 0;
@@ -34,6 +35,30 @@
  font-weight: 600;
  margin: 1ex 1em 1.5ex 1em;
 }
+
+.question.has-brightspot .question-text {
+  margin-right: 3em;
+}
+
+.question .question-brightspot {
+  position: absolute;
+  top: 1ex;
+  right: 1ex;
+  line-height: 0;
+  text-decoration: none;
+  color: inherit;
+}
+
+.question .question-brightspot-icon {
+  width: 2em;
+  height: 2em;
+  display: block;
+}
+
+.question .question-brightspot:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+}
 .question .question-picture {
  max-width: 100%;
  margin-bottom: 1em;