Adding onTop attribute to tabs which allows setting the z-index for the container - #7679.
This commit is contained in:
parent
2fb96b29c9
commit
61fdabc382
|
@ -10,6 +10,7 @@
|
||||||
export let noHorizPadding = false
|
export let noHorizPadding = false
|
||||||
export let quiet = false
|
export let quiet = false
|
||||||
export let emphasized = false
|
export let emphasized = false
|
||||||
|
export let onTop = false
|
||||||
export let size = "M"
|
export let size = "M"
|
||||||
|
|
||||||
let thisSelected = undefined
|
let thisSelected = undefined
|
||||||
|
@ -75,6 +76,7 @@
|
||||||
bind:this={container}
|
bind:this={container}
|
||||||
class:spectrum-Tabs--quiet={quiet}
|
class:spectrum-Tabs--quiet={quiet}
|
||||||
class:noHorizPadding
|
class:noHorizPadding
|
||||||
|
class:onTop
|
||||||
class:spectrum-Tabs--vertical={vertical}
|
class:spectrum-Tabs--vertical={vertical}
|
||||||
class:spectrum-Tabs--horizontal={!vertical}
|
class:spectrum-Tabs--horizontal={!vertical}
|
||||||
class="spectrum-Tabs spectrum-Tabs--size{size}"
|
class="spectrum-Tabs spectrum-Tabs--size{size}"
|
||||||
|
@ -122,4 +124,7 @@
|
||||||
.noPadding {
|
.noPadding {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
.onTop {
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue