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

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

@ -1,50 +1,54 @@
.tabs {
border-width: 0;
@include padding($zero $space-normal);
@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 {
@include margin($zero $space-one);
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
&:hover,
&:focus{
a {
color: darken($medium-gray, 20%);
}
}
a {
color: $medium-gray;
border-bottom: 2px solid transparent;
font-size: $font-size-small;
@include position(relative, 1px null null null);
@include transition(all .15s $ease-in-out-cubic);
font-size: $font-size-default;
padding-bottom: $space-slab;
padding-top: $space-slab;
}
}
}
&.is-active {
a {
color: $color-woot;
border-bottom-color: $color-woot;
}
.tabs-title {
@include margin($zero $space-one);
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
&:hover,
&:focus {
a {
color: darken($medium-gray, 20%);
}
}
// tab chat type
&.tab--chat-type {
@include flex;
a {
@include position(relative, 1px null null null);
@include transition(all .15s $ease-in-out-cubic);
border-bottom: 2px solid transparent;
color: $medium-gray;
font-size: $font-size-small;
}
.tabs-title {
a {
font-size: $font-size-default;
padding-top: $space-slab;
padding-bottom: $space-slab;
}
&.is-active {
a {
border-bottom-color: $color-woot;
color: $color-woot;
}
}
}
}