fix tab styles

This commit is contained in:
Dennis Eichhorn 2023-09-13 17:31:57 +00:00
parent a61ce01038
commit 05dee0bf37
2 changed files with 18 additions and 0 deletions

View File

@ -4705,6 +4705,8 @@ section > h2 {
display: flex; display: flex;
flex: 1; flex: 1;
flex-direction: column; } flex-direction: column; }
.tabview .tab {
max-width: 100%; }
.tabview.right > .box { .tabview.right > .box {
order: 2; } order: 2; }
@ -4720,6 +4722,8 @@ section > h2 {
background: var(--button-colored-background); } background: var(--button-colored-background); }
.tab-1 .tab-links li { .tab-1 .tab-links li {
margin: 0 5px 0 0; } margin: 0 5px 0 0; }
.tab-1 .tab {
max-width: 100%; }
.tab-1 .tab-content { .tab-1 .tab-content {
box-sizing: border-box; box-sizing: border-box;
border: 1px solid var(--button-colored-background); border: 1px solid var(--button-colored-background);
@ -4742,6 +4746,8 @@ section > h2 {
display: flex; display: flex;
flex: 1; flex: 1;
flex-direction: column; } flex-direction: column; }
.tab-2 .tab {
max-width: 100%; }
.tab-2 .tab-links label { .tab-2 .tab-links label {
padding: 5px 10px 5px 10px; } padding: 5px 10px 5px 10px; }
.tab-2 .tab-links li { .tab-2 .tab-links li {

View File

@ -55,6 +55,10 @@
} }
} }
.tab {
max-width: 100%;
}
&.right > .box { &.right > .box {
order: 2; order: 2;
} }
@ -81,6 +85,10 @@
} }
} }
.tab {
max-width: 100%;
}
.tab-content { .tab-content {
box-sizing: border-box; box-sizing: border-box;
border: 1px solid var(--button-colored-background); border: 1px solid var(--button-colored-background);
@ -117,6 +125,10 @@
flex: 1; flex: 1;
flex-direction: column; flex-direction: column;
.tab {
max-width: 100%;
}
.tab-links { .tab-links {
label { label {
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;