Add focus trapping to resource preview side panel (#5505)

AllanOXDi · web-flow · commit c49d7671319f · 2025-10-30T16:13:26.000+03:00
* 000

* fixes tab navigation on VTab

* revert pilllow down grade

* remove px-2

* Replace custom 'outline-spacing' class with standard 'pa-1

* Fixes tab styling inconsistencies introduced in previous commits.
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/ResourcePanel.vue b/contentcuration/contentcuration/frontend/channelEdit/components/ResourcePanel.vue
@@ -74,7 +74,8 @@
         slider-color="primary"
       >
         <VTab
-          class="px-2"
+          href="#questions"
+          class="pa-1"
           exact
           @change="tab = 'questions'"
         >
@@ -86,7 +87,8 @@
           />
         </VTab>
         <VTab
-          class="px-2"
+          href="#details"
+          class="pa-1"
           exact
           @change="tab = 'details'"
         >

Original file line number	Diff line number	Diff line change
`@@ -74,7 +74,8 @@`
`74`	`74`	`slider-color="primary"`
`75`	`75`	`>`
`76`	`76`	`<VTab`
`77`		`- class="px-2"`
	`77`	`+ href="#questions"`
	`78`	`+ class="pa-1"`
`78`	`79`	`exact`
`79`	`80`	`@change="tab = 'questions'"`
`80`	`81`	`>`
`@@ -86,7 +87,8 @@`
`86`	`87`	`/>`
`87`	`88`	`</VTab>`
`88`	`89`	`<VTab`
`89`		`- class="px-2"`
	`90`	`+ href="#details"`
	`91`	`+ class="pa-1"`
`90`	`92`	`exact`
`91`	`93`	`@change="tab = 'details'"`
`92`	`94`	`>`