macniel
/
foundry-dsa41-game
2
1
Fork 0
Code Issues 13 Pull Requests Actions Packages Projects 1 Releases 19 Wiki Activity

fixes tab alignment

pull/61/head
macniel 2025-10-27 15:42:43 +01:00
parent 6b64b0b6db
commit fca38ec507
1 changed files with 11 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
src/style/molecules/_tabs.scss
View File

@ -4,47 +4,6 @@
.dsa41.sheet { .dsa41.sheet {
nav.sheet-tabs.tabs {
position: relative;
display: flow;
border-top: unset;
border-bottom: unset;
margin-bottom: 0;
a.item[data-tab] {
background-color: colours.$tab-inactive-background-color;
&.active {
border-left: numbers.$tab-border-width solid colours.$tab-border-color;
border-top: numbers.$tab-border-width solid colours.$tab-border-color;
border-right: numbers.$tab-border-width solid colours.$tab-border-color;
border-bottom: 0;
top: numbers.$tab-border-width*2*2;
background: assets.$tab-background;
position: relative;
z-index: 2;
}
}
}
section.sheet-body {
border: numbers.$tab-border-width solid colours.$tab-border-color;
background: assets.$tab-pane-background;
div.tab {
overflow: auto;
}
}
// Tabs v2 // Tabs v2
.sheet-tabs { .sheet-tabs {
@ -54,6 +13,7 @@
border-top: unset; border-top: unset;
border-bottom: unset; border-bottom: unset;
margin-bottom: 0; margin-bottom: 0;
top: 1px;
a[data-action="tab"] { a[data-action="tab"] {
@ -74,14 +34,21 @@
border-top: numbers.$tab-border-width solid colours.$tab-border-color; border-top: numbers.$tab-border-width solid colours.$tab-border-color;
border-right: numbers.$tab-border-width solid colours.$tab-border-color; border-right: numbers.$tab-border-width solid colours.$tab-border-color;
border-bottom: 0; border-bottom: 0;
top: numbers.$tab-border-width*2;
background: assets.$tab-background; background: assets.$tab-background;
position: relative; position: relative;
z-index: 2;
box-shadow: numbers.$tab-shadow-right numbers.$tab-shadow-bottom numbers.$tab-shadow-blur-radius colours.$tab-shadow; box-shadow: numbers.$tab-shadow-right numbers.$tab-shadow-bottom numbers.$tab-shadow-blur-radius colours.$tab-shadow;
span {
&::after {
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
height: 3px;
background: assets.$tab-background;
z-index: 5;
} }