show question id on hover

vdvibhu20 · vdvibhu20 · commit bd19df51dc50 · 2025-02-07T17:31:41.000+05:30
diff --git a/app/pods/components/question-container/template.hbs b/app/pods/components/question-container/template.hbs
@@ -1,4 +1,4 @@
-<div class="font-mds mb-4">Question {{this.index}}</div>
+<div class="font-mds mb-4 question-parent">Question {{this.index}} <span class="question-child">{{question.id}}</span></div>
 <div class="font-sm bold word-wrap">
   {{markdown-to-html question.description}}
 </div>
diff --git a/app/styles/app.scss b/app/styles/app.scss
@@ -268,6 +268,14 @@ body{
   width: 100vw;
 }
 
+.question-child {
+  display: none;
+}
+
+.question-parent:hover .question-child {
+  display: inline-block;
+}
+
 // Animations
 
 @keyframes dots {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<div class="font-mds mb-4">Question {{this.index}}</div>`
	`1`	`+<div class="font-mds mb-4 question-parent">Question {{this.index}} <span class="question-child">{{question.id}}</span></div>`
`2`	`2`	`<div class="font-sm bold word-wrap">`
`3`	`3`	`{{markdown-to-html question.description}}`
`4`	`4`	`</div>`