Go 100% SASS (CC-28)

static/angular.json

@@ -21,9 +21,10 @@
               "src/favicon.ico"
             ],
             "styles": [
-              "src/styles.css",
+              "src/styles.scss",
               "node_modules/jquery-ui-bundle/jquery-ui.css",
-              "node_modules/bootstrap/dist/css/bootstrap.min.css"
+              "node_modules/bootstrap/dist/css/bootstrap.min.css",
+              "node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css",
             ],
             "scripts": [
               "node_modules/jquery/dist/jquery.js",

static/src/app/admin/admin.component.scss

@@ -0,0 +1 @@
+@import url('../style/overview.scss');

static/src/app/admin/admin.component.ts

@@ -3,7 +3,7 @@ import {Component} from '@angular/core';
 @Component({
   selector: 'cc-admin-component',
   templateUrl: './admin.component.html',
-  styleUrls: ['./admin.component.css', '../style/overview.css']
+  styleUrls: ['./admin.component.scss']
 })
 export class AdminComponent {
   constructor() {

static/src/app/admin/edit-app-user/edit-app-user.component.scss

@@ -0,0 +1,2 @@
+@import url('../../style/entry-form.scss');
+@import url('../../style/overview.scss');

static/src/app/admin/edit-app-user/edit-app-user.component.ts

@@ -11,7 +11,7 @@ import {AppUserService} from '../../services/app-user-service/app-user.service';
 
 @Component({
   templateUrl: './edit-app-user.component.html',
-  styleUrls: ['./edit-app-user.component.css', '../../style/entry-form.css', '../../style/overview.css'],
+  styleUrls: ['./edit-app-user.component.scss'],
 })
 export class EditAppUserComponent implements OnInit {
 

static/src/app/admin/user-list/app-user-item.component.scss

@@ -1,3 +1,5 @@
+@import url('../../style/list-entry.scss');
+
 .icon-award {
   width: 27px;
   height: 42px;

static/src/app/admin/user-list/app-user-item.component.ts

@@ -5,7 +5,7 @@ import {Fraction} from '../../utils/fraction.enum';
 @Component({
   selector: 'cc-app-user-item',
   templateUrl: './app-user-item.component.html',
-  styleUrls: ['./app-user-item.component.css', '../../style/list-entry.css'],
+  styleUrls: ['./app-user-item.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class AppUserItemComponent {

static/src/app/admin/user-list/app-user-list.component.scss

@@ -0,0 +1 @@
+@import url('../../style/select-list.scss');

static/src/app/admin/user-list/app-user-list.component.ts

@@ -14,7 +14,7 @@ import {SquadService} from '../../services/army-management/squad.service';
 @Component({
   selector: 'cc-app-user-list',
   templateUrl: './app-user-list.component.html',
-  styleUrls: ['./app-user-list.component.css', '../../style/select-list.css']
+  styleUrls: ['./app-user-list.component.scss']
 })
 export class AppUserListComponent {
 

static/src/app/army/army-squad/army-squad.component.ts

@@ -5,7 +5,7 @@ import {Fraction} from '../../utils/fraction.enum';
 @Component({
   selector: 'cc-army-squad',
   templateUrl: './army-squad.component.html',
-  styleUrls: ['./army-squad.component.css']
+  styleUrls: ['./army-squad.component.scss']
 })
 export class ArmySquadComponent {
 

static/src/app/common/not-found/not-found.component.ts

@@ -3,7 +3,7 @@ import {Component, OnInit} from '@angular/core';
 @Component({
   selector: 'app-not-found',
   templateUrl: 'not-found.component.html',
-  styleUrls: ['not-found.component.css']
+  styleUrls: ['not-found.component.scss']
 })
 export class NotFoundComponent implements OnInit {
 

static/src/app/common/user-interface/list-filter/list-filter.component.ts

@@ -4,7 +4,7 @@ import {Fraction} from '../../../utils/fraction.enum';
 @Component({
   selector: 'cc-list-filter',
   templateUrl: './list-filter.component.html',
-  styleUrls: ['./list-filter.component.css']
+  styleUrls: ['./list-filter.component.scss']
 })
 export class ListFilterComponent {
 

static/src/app/common/user-interface/search-field/search-field.component.ts

@@ -5,7 +5,7 @@ import {ActivatedRoute} from '@angular/router';
 @Component({
   selector: 'cc-list-search',
   templateUrl: './search-field.component.html',
-  styleUrls: ['./search-field.component.css']
+  styleUrls: ['./search-field.component.scss']
 })
 export class SearchFieldComponent implements OnInit {
 

static/src/app/login/login.component.ts

@@ -8,7 +8,7 @@ import {SnackBarService} from '../services/user-interface/snack-bar/snack-bar.se
 @Component({
   moduleId: module.id,
   templateUrl: 'login.component.html',
-  styleUrls: ['login.component.css']
+  styleUrls: ['login.component.scss']
 })
 
 export class LoginComponent implements OnInit {

static/src/app/login/signup.component.ts

@@ -8,7 +8,7 @@ import {SnackBarService} from '../services/user-interface/snack-bar/snack-bar.se
 @Component({
   moduleId: module.id,
   templateUrl: './signup.component.html',
-  styleUrls: ['./login.component.css']
+  styleUrls: ['./login.component.scss']
 })
 
 export class SignupComponent implements OnInit {

static/src/app/manage/decorations/decoration-list/decoration-item.component.scss

@@ -0,0 +1 @@
+@import url('../../../style/list-entry.scss');

static/src/app/manage/decorations/decoration-list/decoration-item.component.ts

@@ -5,7 +5,7 @@ import {Fraction} from '../../../utils/fraction.enum';
 @Component({
   selector: 'decoration-item',
   templateUrl: './decoration-item.component.html',
-  styleUrls: ['./decoration-item.component.css', '../../../style/list-entry.css'],
+  styleUrls: ['./decoration-item.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class DecorationItemComponent implements OnInit {

static/src/app/manage/decorations/decoration-list/decoration-list.component.scss

@@ -0,0 +1 @@
+@import url('../../../style/select-list.scss');

static/src/app/manage/decorations/decoration-list/decoration-list.component.ts

@@ -13,7 +13,7 @@ import {TranslateService} from '@ngx-translate/core';
 @Component({
   selector: 'cc-decoration-list',
   templateUrl: './decoration-list.component.html',
-  styleUrls: ['./decoration-list.component.css', '../../../style/select-list.css']
+  styleUrls: ['./decoration-list.component.scss']
 })
 export class DecorationListComponent implements OnInit {
 

static/src/app/manage/decorations/edit-decoration/edit-decoration.component.scss

@@ -0,0 +1,2 @@
+@import url('../../../style/entry-form.scss');
+@import url('../../../style/overview.scss');

static/src/app/manage/decorations/edit-decoration/edit-decoration.component.ts

@@ -10,7 +10,7 @@ import {TranslateService} from '@ngx-translate/core';
 
 @Component({
   templateUrl: './edit-decoration.component.html',
-  styleUrls: ['./edit-decoration.component.css', '../../../style/entry-form.css', '../../../style/overview.css']
+  styleUrls: ['./edit-decoration.component.scss']
 })
 export class EditDecorationComponent implements OnInit, OnDestroy {
 

static/src/app/manage/ranks/edit-rank/edit-rank.component.css

@@ -1 +0,0 @@
-

static/src/app/manage/ranks/edit-rank/edit-rank.component.scss

@@ -0,0 +1,2 @@
+@import url('../../../style/entry-form.scss');
+@import url('../../../style/overview.scss');

static/src/app/manage/ranks/edit-rank/edit-rank.component.ts

@@ -11,7 +11,7 @@ import {TranslateService} from '@ngx-translate/core';
 
 @Component({
   templateUrl: './edit-rank.component.html',
-  styleUrls: ['./edit-rank.component.css', '../../../style/entry-form.css', '../../../style/overview.css']
+  styleUrls: ['./edit-rank.component.scss']
 })
 export class EditRankComponent implements OnInit, OnDestroy {
 

static/src/app/manage/ranks/rank-list/rank-item.component.scss

@@ -1,3 +1,5 @@
+@import url('../../../style/list-entry.scss');
+
 .rank-list-preview {
   height: 54px;
   float: left;

static/src/app/manage/ranks/rank-list/rank-item.component.ts

@@ -5,7 +5,7 @@ import {Fraction} from '../../../utils/fraction.enum';
 @Component({
   selector: 'cc-rank-item',
   templateUrl: './rank-item.component.html',
-  styleUrls: ['./rank-item.component.css', '../../../style/list-entry.css'],
+  styleUrls: ['./rank-item.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class RankItemComponent implements OnInit {

static/src/app/manage/ranks/rank-list/rank-list.component.scss

@@ -0,0 +1 @@
+@import url('../../../style/select-list.scss');

static/src/app/manage/ranks/rank-list/rank-list.component.ts

@@ -13,7 +13,7 @@ import {TranslateService} from '@ngx-translate/core';
 @Component({
   selector: 'cc-rank-list',
   templateUrl: './rank-list.component.html',
-  styleUrls: ['./rank-list.component.css', '../../../style/select-list.css']
+  styleUrls: ['./rank-list.component.scss']
 })
 export class RankListComponent implements OnInit {
 

static/src/app/manage/squads/edit-squad/edit-squad.component.scss

@@ -0,0 +1,2 @@
+@import url('../../../style/entry-form.scss');
+@import url('../../../style/overview.scss');

static/src/app/manage/squads/edit-squad/edit-squad.component.ts

@@ -11,7 +11,7 @@ import {TranslateService} from '@ngx-translate/core';
 
 @Component({
   templateUrl: './edit-squad.component.html',
-  styleUrls: ['./edit-squad.component.css', '../../../style/entry-form.css', '../../../style/overview.css']
+  styleUrls: ['./edit-squad.component.scss']
 })
 export class EditSquadComponent implements OnInit, OnDestroy {
 

static/src/app/manage/squads/squad-list/squad-item.component.scss

@@ -0,0 +1 @@
+@import url('../../../style/list-entry.scss');

static/src/app/manage/squads/squad-list/squad-item.component.ts

@@ -5,7 +5,7 @@ import {Fraction} from '../../../utils/fraction.enum';
 @Component({
   selector: 'cc-squad-item',
   templateUrl: './squad-item.component.html',
-  styleUrls: ['./squad-item.component.css', '../../../style/list-entry.css'],
+  styleUrls: ['./squad-item.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class SquadItemComponent implements OnInit {

static/src/app/manage/squads/squad-list/squad-list.component.css

@@ -1,3 +0,0 @@
-.search-bar {
-  padding-bottom: 20px;
-}

static/src/app/manage/squads/squad-list/squad-list.component.scss

@@ -0,0 +1,5 @@
+@import url('../../../style/select-list.scss');
+
+.search-bar {
+  padding-bottom: 20px;
+}

static/src/app/manage/squads/squad-list/squad-list.component.ts

@@ -13,7 +13,7 @@ import {TranslateService} from '@ngx-translate/core';
 @Component({
   selector: 'cc-squad-list',
   templateUrl: './squad-list.component.html',
-  styleUrls: ['./squad-list.component.css', '../../../style/select-list.css']
+  styleUrls: ['./squad-list.component.scss']
 })
 export class SquadListComponent implements OnInit {
 

static/src/app/manage/users/award-user/award-user.component.scss

@@ -1,3 +1,6 @@
+@import url('../../../style/overview.scss');
+@import url('../../../style/hide-scrollbar.scss');
+
 .decoration-preview {
   background-color: white;
   padding: 5px;

static/src/app/manage/users/award-user/award-user.component.ts

@@ -11,7 +11,7 @@ import {TranslateService} from '@ngx-translate/core';
 
 @Component({
   templateUrl: './award-user.component.html',
-  styleUrls: ['./award-user.component.css', '../../../style/overview.css', '../../../style/hide-scrollbar.css'],
+  styleUrls: ['./award-user.component.scss'],
 })
 export class AwardUserComponent implements OnInit {
 

static/src/app/manage/users/edit-user/edit-user.component.scss

@@ -0,0 +1,2 @@
+@import url('../../../style/entry-form.scss');
+@import url('../../../style/overview.scss');

static/src/app/manage/users/edit-user/edit-user.component.ts

@@ -12,7 +12,7 @@ import {SnackBarService} from '../../../services/user-interface/snack-bar/snack-
 
 @Component({
   templateUrl: './edit-user.component.html',
-  styleUrls: ['./edit-user.component.css', '../../../style/entry-form.css', '../../../style/overview.css'],
+  styleUrls: ['./edit-user.component.scss'],
 })
 export class EditUserComponent implements OnInit {
 

static/src/app/manage/users/user-list/user-item.component.scss

@@ -1,3 +1,5 @@
+@import url('../../../style/list-entry.scss');
+
 .icon-award {
   width: 27px;
   height: 42px;

static/src/app/manage/users/user-list/user-item.component.ts

@@ -6,7 +6,7 @@ import {LoginService} from '../../../services/app-user-service/login-service';
 @Component({
   selector: 'cc-user-item',
   templateUrl: './user-item.component.html',
-  styleUrls: ['./user-item.component.css', '../../../style/list-entry.css'],
+  styleUrls: ['./user-item.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class UserItemComponent {

static/src/app/manage/users/user-list/user-list.component.scss

@@ -0,0 +1 @@
+@import url('../../../style/select-list.scss');

static/src/app/manage/users/user-list/user-list.component.ts

@@ -14,7 +14,7 @@ import {TranslateService} from '@ngx-translate/core';
 @Component({
   selector: 'cc-user-list',
   templateUrl: './user-list.component.html',
-  styleUrls: ['./user-list.component.css', '../../../style/select-list.css']
+  styleUrls: ['./user-list.component.scss']
 })
 export class UserListComponent {
 

static/src/app/pub/decoration-overview/decoration-panel/decoration-panel.component.ts

@@ -7,7 +7,7 @@ import {Fraction} from '../../../utils/fraction.enum';
 @Component({
   selector: 'cc-decoration-panel',
   templateUrl: './decoration-panel.component.html',
-  styleUrls: ['./decoration-panel.component.css']
+  styleUrls: ['./decoration-panel.component.scss']
 })
 export class DecorationPanelComponent {
 

static/src/app/pub/rank-overview/rank-panel/rank-panel.component.ts

@@ -5,7 +5,7 @@ import {Fraction} from '../../../utils/fraction.enum';
 @Component({
   selector: 'cc-rank-panel',
   templateUrl: './rank-panel.component.html',
-  styleUrls: ['./rank-panel.component.css']
+  styleUrls: ['./rank-panel.component.scss']
 })
 export class RankPanelComponent {
 

static/src/app/request/award/req-award.component.scss

@@ -1,3 +1,5 @@
+@import url('../../style/overview.scss');
+
 .overview {
   width: 100% !important;
   margin-left: 25px !important;

static/src/app/request/award/req-award.component.ts

@@ -11,7 +11,7 @@ import {SnackBarService} from '../../services/user-interface/snack-bar/snack-bar
 
 @Component({
   templateUrl: './req-award.component.html',
-  styleUrls: ['./req-award.component.css', '../../style/overview.css'],
+  styleUrls: ['./req-award.component.scss'],
 })
 export class RequestAwardComponent implements OnInit {
 

static/src/app/request/confirm-award/confirm-award.component.scss

@@ -1,3 +1,5 @@
+@import url('../../style/overview.scss');
+
 .overview {
   margin-left: 25px !important;
 }

static/src/app/request/confirm-award/confirm-award.component.ts

@@ -7,7 +7,7 @@ import {SnackBarService} from '../../services/user-interface/snack-bar/snack-bar
 
 @Component({
   templateUrl: './confirm-award.component.html',
-  styleUrls: ['./confirm-award.component.css', '../../style/overview.css'],
+  styleUrls: ['./confirm-award.component.scss'],
 })
 export class ConfirmAwardComponent implements OnInit {
 

static/src/app/request/confirm-promotion/confirm-promotion.component.scss

@@ -1,3 +1,5 @@
+@import url('../../style/overview.scss');
+
 .overview {
   margin-left: 25px !important;
 }

static/src/app/request/confirm-promotion/confirm-promotion.component.ts

@@ -8,7 +8,7 @@ import {SnackBarService} from '../../services/user-interface/snack-bar/snack-bar
 
 @Component({
   templateUrl: './confirm-promotion.component.html',
-  styleUrls: ['./confirm-promotion.component.css', '../../style/overview.css'],
+  styleUrls: ['./confirm-promotion.component.scss'],
 })
 export class ConfirmPromotionComponent implements OnInit {
 

static/src/app/request/promotion/req-promotion.component.scss

@@ -1,3 +1,5 @@
+@import url('../../style/overview.scss');
+
 .overview {
   margin-left: 25px !important;
 }

static/src/app/request/promotion/req-promotion.component.ts

@@ -11,7 +11,7 @@ import {SnackBarService} from '../../services/user-interface/snack-bar/snack-bar
 
 @Component({
   templateUrl: './req-promotion.component.html',
-  styleUrls: ['./req-promotion.component.css', '../../style/overview.css'],
+  styleUrls: ['./req-promotion.component.scss'],
 })
 export class RequestPromotionComponent implements OnInit {
 

static/src/app/request/request.component.ts

@@ -5,7 +5,7 @@ import {SettingsService} from '../services/settings.service';
 @Component({
   selector: 'cc-request-root',
   templateUrl: 'request.component.html',
-  styleUrls: ['request.component.css']
+  styleUrls: ['request.component.scss']
 })
 export class RequestComponent {
   constructor(private translate: TranslateService,

static/src/app/request/sql-dashboard/sql-dashboard.component.scss

@@ -1,3 +1,5 @@
+@import url('../../style/overview.scss');
+
 .overview {
   margin-left: 25px !important;
 }

static/src/app/request/sql-dashboard/sql-dashboard.component.ts

@@ -9,7 +9,7 @@ import {AwardingService} from '../../services/army-management/awarding.service';
 
 @Component({
   templateUrl: './sql-dashboard.component.html',
-  styleUrls: ['./sql-dashboard.component.css', '../../style/overview.css'],
+  styleUrls: ['./sql-dashboard.component.scss'],
 })
 export class SqlDashboardComponent implements OnInit {
 

static/src/app/statistic/campaign/campaign-navigation/campaign-navigation.component.ts

@@ -15,7 +15,7 @@ import {CampaignService} from '../../../services/logs/campaign.service';
 @Component({
   selector: 'campaign-navigation',
   templateUrl: './campaign-navigation.component.html',
-  styleUrls: ['./campaign-navigation.component.css']
+  styleUrls: ['./campaign-navigation.component.scss']
 })
 export class CampaignNavigationComponent implements OnInit {
 

static/src/app/statistic/campaign/campaign-player-detail/campaign-player-detail.component.scss

@@ -1,3 +1,7 @@
+@import url('../../../style/overview.scss');
+@import url('../../../style/list-entry.scss');
+@import url('../../../style/hide-scrollbar.scss');
+
 .player-campaign-detail-container {
   padding: 0 1% 0 1%;
   border-top: thin solid lightgrey;

static/src/app/statistic/campaign/campaign-player-detail/campaign-player-detail.component.ts

@@ -9,8 +9,7 @@ import {TranslateService} from '@ngx-translate/core';
 @Component({
   selector: 'campaign-player-detail',
   templateUrl: './campaign-player-detail.component.html',
-  styleUrls: ['./campaign-player-detail.component.scss', '../../../style/list-entry.css',
+  styleUrls: ['./campaign-player-detail.component.scss']
-    '../../../style/hide-scrollbar.css', '../../../style/overview.css']
 })
 export class CampaignPlayerDetailComponent implements OnInit {
 

static/src/app/statistic/campaign/campaign-submit/campaign-submit.component.css

@@ -1,3 +0,0 @@
-form {
-  margin-top: 45px;
-}

static/src/app/statistic/campaign/campaign-submit/campaign-submit.component.scss

@@ -0,0 +1,6 @@
+@import url('../../../style/entry-form.scss');
+@import url('../../../style/overview.scss');
+
+form {
+  margin-top: 45px;
+}

static/src/app/statistic/campaign/campaign-submit/campaign-submit.component.ts

@@ -10,7 +10,7 @@ import {SnackBarService} from '../../../services/user-interface/snack-bar/snack-
 @Component({
   selector: 'campaign-submit',
   templateUrl: './campaign-submit.component.html',
-  styleUrls: ['./campaign-submit.component.css', '../../../style/entry-form.css', '../../../style/overview.css']
+  styleUrls: ['./campaign-submit.component.scss']
 })
 export class CampaignSubmitComponent {
 

static/src/app/statistic/campaign/highscore/highscore.component.scss

@@ -1,3 +1,9 @@
+@import url('../../../style/overview.scss');
+@import url('../../../style/list-entry.scss');
+
+$highscore-table-width: 320px;
+$highscore-table-height: 394px;
+
 h2 {
   margin-left: 10%;
 }
@@ -12,8 +18,9 @@ h2 {
 }
 
 .highscore-table-container {
-  width: 320px;
+  width: $highscore-table-width;
-  max-height: 394px;
+  min-height: $highscore-table-height;
+  max-height: $highscore-table-height;
   margin: 50px 0 50px 8%;
   float: left;
   overflow-x: hidden;
@@ -28,7 +35,7 @@ h2 {
 
 :host /deep/ table.mat-table > thead {
   position: absolute;
-  width: 320px;
+  width: $highscore-table-width;
   display: inherit;
   margin-left: -1px;
   margin-top: -57px;

static/src/app/statistic/campaign/highscore/highscore.component.ts

@@ -11,7 +11,7 @@ import {PlayerUtils} from '../../../utils/player-utils';
 @Component({
   selector: 'cc-stats-highscore',
   templateUrl: './highscore.component.html',
-  styleUrls: ['./highscore.component.css', '../../../style/list-entry.css', '../../../style/overview.css']
+  styleUrls: ['./highscore.component.scss']
 })
 export class StatisticHighScoreComponent implements OnInit {
 

static/src/app/statistic/campaign/overview/campaign-overview.component.ts

@@ -9,7 +9,7 @@ import {WarService} from '../../../services/logs/war.service';
 @Component({
   selector: 'cc-campaign-overview',
   templateUrl: './campaign-overview.component.html',
-  styleUrls: ['./campaign-overview.component.css']
+  styleUrls: ['./campaign-overview.component.scss']
 })
 export class StatisticOverviewComponent implements OnInit {
 

static/src/app/statistic/stats.component.ts

@@ -9,7 +9,7 @@ import {WarService} from '../services/logs/war.service';
 @Component({
   selector: 'cc-stats',
   templateUrl: './stats.component.html',
-  styleUrls: ['./stats.component.css']
+  styleUrls: ['./stats.component.scss']
 })
 export class StatisticComponent implements OnInit {
 

static/src/app/statistic/war/fraction-stats/fraction-stats.component.scss

@@ -1,3 +1,6 @@
+@import url('../../../style/list-entry.scss');
+@import url('../../../style/hide-scrollbar.scss');
+
 .chart-select-group {
   display: flex;
   width: fit-content;

static/src/app/statistic/war/fraction-stats/fraction-stats.component.ts

@@ -8,7 +8,7 @@ import {TranslateService} from '@ngx-translate/core';
 @Component({
   selector: 'war-detail-fraction',
   templateUrl: './fraction-stats.component.html',
-  styleUrls: ['./fraction-stats.component.scss', '../../../style/list-entry.css', '../../../style/hide-scrollbar.css']
+  styleUrls: ['./fraction-stats.component.scss']
 })
 export class FractionStatsComponent implements OnInit, OnChanges {
 

static/src/app/statistic/war/scoreboard/scoreboard.component.scss

@@ -1,3 +1,6 @@
+@import url('../../../style/list-entry.scss');
+@import url('../../../style/hide-scrollbar.scss');
+
 .scoreboard-table {
   width: 1058px;
   margin: auto;

static/src/app/statistic/war/scoreboard/scoreboard.component.ts

@@ -10,7 +10,7 @@ import {TranslateService} from '@ngx-translate/core';
 @Component({
   selector: 'cc-scoreboard',
   templateUrl: './scoreboard.component.html',
-  styleUrls: ['./scoreboard.component.css', '../../../style/list-entry.css', '../../../style/hide-scrollbar.css']
+  styleUrls: ['./scoreboard.component.scss']
 })
 export class ScoreboardComponent implements OnChanges {
 

static/src/app/statistic/war/server-stats/server-stats.component.scss

@@ -1,3 +1,6 @@
+@import url('../../../style/list-entry.scss');
+@import url('../../../style/hide-scrollbar.scss');
+
 .chart-select-group {
   display: flex;
   width: fit-content;

static/src/app/statistic/war/server-stats/server-stats.component.ts

@@ -7,7 +7,7 @@ import {ChartUtils} from '../../../utils/chart-utils';
 @Component({
   selector: 'cc-server-statistics',
   templateUrl: './server-stats.component.html',
-  styleUrls: ['./server-stats.component.scss', '../../../style/list-entry.css', '../../../style/hide-scrollbar.css']
+  styleUrls: ['./server-stats.component.scss']
 })
 export class ServerStatsComponent implements OnInit, OnChanges {
 

static/src/app/statistic/war/war-header/war-header.component.scss

@@ -1,3 +1,6 @@
+@import url('../../../style/list-entry.scss');
+@import url('../../../style/hide-scrollbar.scss');
+
 .war-header-container {
   width: 920px;
   min-height: 165px;

static/src/app/statistic/war/war-header/war-header.component.ts

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

static/src/app/statistic/war/war-list/war-item.component.ts

@@ -5,7 +5,7 @@ import {LoginService} from '../../../services/app-user-service/login-service';
 @Component({
   selector: 'cc-war-item',
   templateUrl: './war-item.component.html',
-  styleUrls: ['./war-item.component.css'],
+  styleUrls: ['./war-item.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class WarItemComponent implements OnInit {

static/src/app/statistic/war/war-list/war-list.component.ts

@@ -10,7 +10,7 @@ import {TranslateService} from '@ngx-translate/core';
 @Component({
   selector: 'war-list',
   templateUrl: './war-list.component.html',
-  styleUrls: ['./war-list.component.css']
+  styleUrls: ['./war-list.component.scss']
 })
 export class WarListComponent implements OnChanges {