use sass for war header

pull/54/head
HardiReady 2019-02-17 12:17:28 +01:00
parent 821da505f9
commit d8330074d5
2 changed files with 39 additions and 37 deletions

View File

@ -20,25 +20,6 @@ span.tab-control {
padding: 4px 16px;
}
.nav-tabs > li.active > a {
background: #ffffff;
border-bottom: none;
}
.nav-tabs > li.active {
position: relative;
top: 1px;
z-index: 10;
}
.nav-tabs mat-icon {
color: #666666;
height: 26px;
width: 26px;
display: inline-block;
vertical-align: middle;
}
:host /deep/ .mat-icon-stats-performance g {
stroke: #666666;
}
@ -48,30 +29,51 @@ span.tab-control {
margin: auto;
clear: both;
border-bottom: 0;
mat-icon {
color: #666666;
height: 26px;
width: 26px;
display: inline-block;
vertical-align: middle;
}
> li {
> a {
background: #e7e7e7;
border: 1px solid #dadada;
}
}
> li.active {
position: relative;
top: 1px;
z-index: 10;
> a {
background: #ffffff;
border-bottom: none;
}
}
> li:not(.active) > a:hover {
background: #afafaf;
}
> li.deactivated > a.nav-link {
cursor: not-allowed !important;
}
> li:last-child {
margin-left: 65px;
}
}
.nav-tab-hidden {
visibility: hidden;
}
.nav-tabs > li > a {
background: #e7e7e7;
border: 1px solid #dadada;
}
.nav-tabs > li:not(.active) > a:hover {
background: #afafaf;
}
.nav-tabs > li:last-child {
margin-left: 65px;
}
.nav-link {
cursor: pointer !important;
color: #666666 !important;
}
.nav-tabs > li.deactivated > a.nav-link {
cursor: not-allowed !important;
}

View File

@ -11,7 +11,7 @@ import {ScoreboardComponent} from '../scoreboard/scoreboard.component';
@Component({
selector: 'war-detail',
templateUrl: './war-header.component.html',
styleUrls: ['./war-header.component.css', '../../../style/list-entry.css', '../../../style/hide-scrollbar.css']
styleUrls: ['./war-header.component.scss']
})
export class WarHeaderComponent implements OnInit {