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