KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix #77 issue codeclimate in _tabs.scss (#125)

Browse source 
* Fix #77 issue codeclimate in app/javascript/src/assets/scss/widgets/_tabs.scss

* Update border-width for #77 in _tabs.scss
This commit is contained in:
Kirill Arutyunov 2019-10-07 23:01:09 +03:00 committed by Nithin David Thomas
parent 59db1de1dc
commit eef7555d62
1 changed files with 40 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
app/javascript/src/assets/scss/widgets/_tabs.scss
View file

@ -1,7 +1,23 @@
.tabs { .tabs {
border-width: 0;
@include padding($zero $space-normal); @include padding($zero $space-normal);
@include border-normal-bottom; @include border-normal-bottom;
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
}
// Tab chat type
.tab--chat-type {
@include flex;
.tabs-title {
a {
font-size: $font-size-default;
padding-bottom: $space-slab;
padding-top: $space-slab;
}
}
}
.tabs-title { .tabs-title {
@include margin($zero $space-one); @include margin($zero $space-one);
@ -9,9 +25,11 @@
&:first-child { &:first-child {
margin-left: 0; margin-left: 0;
} }
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }
&:hover, &:hover,
&:focus { &:focus {
a { a {
@ -20,31 +38,17 @@
} }
a { a {
color: $medium-gray;
border-bottom: 2px solid transparent;
font-size: $font-size-small;
@include position(relative, 1px null null null); @include position(relative, 1px null null null);
@include transition(all .15s $ease-in-out-cubic); @include transition(all .15s $ease-in-out-cubic);
border-bottom: 2px solid transparent;
color: $medium-gray;
font-size: $font-size-small;
} }
&.is-active { &.is-active {
a { a {
color: $color-woot;
border-bottom-color: $color-woot; border-bottom-color: $color-woot;
} color: $color-woot;
}
}
// tab chat type
&.tab--chat-type {
@include flex;
.tabs-title {
a {
font-size: $font-size-default;
padding-top: $space-slab;
padding-bottom: $space-slab;
}
} }
} }
} }