Skip to content
Snippets Groups Projects

Issue #3506330: Improve the styling for vertical tabs.

4 files
+ 43
13
Compare changes
  • Side-by-side
  • Inline
Files
4
@@ -440,10 +440,18 @@
@@ -440,10 +440,18 @@
}
}
.gin--dark-mode .vertical-tabs__items {
.gin--dark-mode .vertical-tabs__items {
background: none;
background: var(--gin-bg-app);
border: 0 none;
border: 0 none;
}
}
 
[dir="ltr"] .gin--dark-mode .vertical-tabs__items {
 
border-end-start-radius: 0;
 
}
 
 
[dir="rtl"] .gin--dark-mode .vertical-tabs__items {
 
border-end-end-radius: 0;
 
}
 
.gin--dark-mode .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
.gin--dark-mode .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
background: var(--gin-bg-app);
background: var(--gin-bg-app);
border-color: transparent;
border-color: transparent;
@@ -531,3 +539,15 @@
@@ -531,3 +539,15 @@
}
}
}
}
 
.vertical-tabs__panes {
 
padding-bottom: var(--gin-spacing-xs);
 
}
 
 
[dir="ltr"] .vertical-tabs__panes {
 
border-end-start-radius: 0;
 
}
 
 
[dir="rtl"] .vertical-tabs__panes {
 
border-end-end-radius: 0;
 
}
 
Loading