Fix content within the header-extra slot of ipl-expanding-space sometimes being invisible

inkfarer · inkfarer · commit 1206ecd042a7 · 2024-01-29T18:38:23.000+01:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+# 3.0.1
+
+- Fix content within the header-extra slot of ipl-expanding-space sometimes being invisible
+
 # 3.0.0
 
 ## Breaking
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@iplsplatoon/vue-components",
-    "version": "3.0.0",
+    "version": "3.0.1",
     "description": "Vue components for internal Inkling Performance Labs utilities.",
     "homepage": "https://github.com/IPLSplatoon/vue-components",
     "repository": "https://github.com/IPLSplatoon/vue-components",
diff --git a/src/components/iplExpandingSpace.vue b/src/components/iplExpandingSpace.vue
@@ -163,8 +163,12 @@ export default defineComponent({
             }
         }
 
-        > .header-extra:not(:empty) {
-            margin-left: 8px;
+        > .header-extra {
+            z-index: 1;
+
+            &:not(:empty) {
+                margin-left: 8px;
+            }
         }
 
         .ipl-expanding-space__title {

-Original file line number
+Diff line change
@@ @@ -1,3 +1,7 @@ @@
 +# 3.0.1
++
 +- Fix content within the header-extra slot of ipl-expanding-space sometimes being invisible
++
 # 3.0.0
 ## Breaking
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@iplsplatoon/vue-components",`
`3`		`- "version": "3.0.0",`
	`3`	`+ "version": "3.0.1",`
`4`	`4`	`"description": "Vue components for internal Inkling Performance Labs utilities.",`
`5`	`5`	`"homepage": "https://github.com/IPLSplatoon/vue-components",`
`6`	`6`	`"repository": "https://github.com/IPLSplatoon/vue-components",`
Original file line number	Diff line number	Diff line change
`@@ -163,8 +163,12 @@ export default defineComponent({`
`163`	`163`	`}`
`164`	`164`	`}`
`165`	`165`
`166`		`- > .header-extra:not(:empty) {`
`167`		`- margin-left: 8px;`
	`166`	`+ > .header-extra {`
	`167`	`+ z-index: 1;`
	`168`	`+`
	`169`	`+ &:not(:empty) {`
	`170`	`+ margin-left: 8px;`
	`171`	`+ }`
`168`	`172`	`}`
`169`	`173`
`170`	`174`	`.ipl-expanding-space__title {`