vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix: Tabs styling

Browse source
This commit is contained in:
Faris Ansari 2020-05-31 21:30:41 +05:30
parent 53e4744fc0
commit 6c5558d6ce
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frappe/public/scss/page-builder.scss
View file

@ -156,12 +156,17 @@
}
.nav-tabs {
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
.nav-link {
color: $gray-700;
font-weight: 500;
border: none;
padding: 1rem 0.5rem;
margin-right: 2rem;
white-space: nowrap;
&:hover {
color: $primary;
@ -171,7 +176,7 @@
.nav-link.active,
.nav-item.show .nav-link {
color: darken($primary, 5%);
background-color: #fff;
background-color: transparent;
border-bottom: 2px solid $primary;
}
}

2
frappe/website/web_template/section_with_tabs/section_with_tabs.html
View file

@ -21,7 +21,7 @@
{%- endif -%}
{%- endfor -%}
<ul class="nav nav-tabs flex-nowrap overflow-auto" role="tablist" aria-label="{{ title or '' }}">
<ul class="nav nav-tabs" role="tablist" aria-label="{{ title or '' }}">
{%- for tab in ns.tabs -%}
{%- set first_tab = true if loop.index0 == 0 else false -%}
<li class="nav-item">