use sass for war header
parent
821da505f9
commit
d8330074d5
|
@ -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;
|
||||
}
|
|
@ -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 {
|
||||
|
||||
|
|
Loading…
Reference in New Issue