use sass for war header
parent
821da505f9
commit
d8330074d5
|
@ -20,25 +20,6 @@ span.tab-control {
|
||||||
padding: 4px 16px;
|
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 {
|
:host /deep/ .mat-icon-stats-performance g {
|
||||||
stroke: #666666;
|
stroke: #666666;
|
||||||
}
|
}
|
||||||
|
@ -48,30 +29,51 @@ span.tab-control {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
clear: both;
|
clear: both;
|
||||||
border-bottom: 0;
|
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 {
|
.nav-tab-hidden {
|
||||||
visibility: 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 {
|
.nav-link {
|
||||||
cursor: pointer !important;
|
cursor: pointer !important;
|
||||||
color: #666666 !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({
|
@Component({
|
||||||
selector: 'war-detail',
|
selector: 'war-detail',
|
||||||
templateUrl: './war-header.component.html',
|
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 {
|
export class WarHeaderComponent implements OnInit {
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue