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