From 7e642898017dccd65ef61590717553be7a0b3eb3 Mon Sep 17 00:00:00 2001
From: bsatarnejad <b.satarnejad@gmail.com>
Date: Wed, 11 Aug 2021 08:52:05 +0200
Subject: [PATCH] Correct some indentations, remove unnecessary elements, and
 change class names

---
 .../bcf-list-container.component.html         | 66 +++++++++----------
 .../bcf-list-container.component.sass         |  4 +-
 .../ifc-viewer/ifc-viewer.component.html      |  4 +-
 .../ifc-viewer/ifc-viewer.component.sass      |  8 +--
 4 files changed, 40 insertions(+), 42 deletions(-)

diff --git a/frontend/src/app/features/bim/ifc_models/bcf/list-container/bcf-list-container.component.html b/frontend/src/app/features/bim/ifc_models/bcf/list-container/bcf-list-container.component.html
index 24972c59ee..394ef5c4ec 100644
--- a/frontend/src/app/features/bim/ifc_models/bcf/list-container/bcf-list-container.component.html
+++ b/frontend/src/app/features/bim/ifc_models/bcf/list-container/bcf-list-container.component.html
@@ -1,39 +1,37 @@
-<div class="op-bcf-list-container">
-     <div class="op-bcf-list-container--result-overlay"
-          *ngIf="(showResultOverlay$ | async) && showTableView"></div>
+<div class="op-bcf-list-container--result-overlay"
+     *ngIf="(showResultOverlay$ | async) && showTableView"></div>
 
-     <!-- TABLE + TIMELINE horizontal split -->
-     <div class="op-bcf-list-container--work-packages-split-view--tabletimeline-container"
-          [ngClass]="{ '-with-resizer': showResizerInCardView() }"
-          *ngIf="tableInformationLoaded && showTableView">
-     <wp-resizer elementClass="work-packages-partitioned-page--content-right"
-               localStorageKey="openProject-splitViewFlexBasis">
-     </wp-resizer>
+<!-- TABLE + TIMELINE horizontal split -->
+<div class="op-bcf-list-container--work-packages-split-view--tabletimeline-container"
+     [ngClass]="{ '_with-resizer': showResizerInCardView() }"
+     *ngIf="tableInformationLoaded && showTableView">
+<wp-resizer elementClass="work-packages-partitioned-page--content-right"
+          localStorageKey="openProject-splitViewFlexBasis">
+</wp-resizer>
 
-     <wp-table [projectIdentifier]="CurrentProject.identifier"
-               [configuration]="wpTableConfiguration"
-               (itemClicked)="handleWorkPackageClicked($event)"
-               (stateLinkClicked)="openStateLink($event)"
-               class="work-packages-split-view--tabletimeline-content">
-     </wp-table>
-     </div>
+<wp-table [projectIdentifier]="CurrentProject.identifier"
+          [configuration]="wpTableConfiguration"
+          (itemClicked)="handleWorkPackageClicked($event)"
+          (stateLinkClicked)="openStateLink($event)"
+          class="work-packages-split-view--tabletimeline-content">
+</wp-table>
+</div>
 
-     <!-- GRID representation of the WP -->
-     <div *ngIf="!showTableView"
-          class="op-bcf-list-container--work-packages--card-view-container"
-          [ngClass]="{ '-with-resizer': showResizerInCardView() }" >
-     <wp-grid [configuration]="wpTableConfiguration"
-               [showResizer]="showResizerInCardView()"
-               (itemClicked)="handleWorkPackageCardClicked($event)"
-               (stateLinkClicked)="openStateLink($event)"
-               resizerClass="work-packages-partitioned-page--content-right"
-               resizerStorageKey="openProject-splitViewFlexBasis">
-     </wp-grid>
-     </div>
+<!-- GRID representation of the WP -->
+<div *ngIf="!showTableView"
+     class="op-bcf-list-container--work-packages--card-view-container"
+     [ngClass]="{ '_with-resizer': showResizerInCardView() }" >
+<wp-grid [configuration]="wpTableConfiguration"
+          [showResizer]="showResizerInCardView()"
+          (itemClicked)="handleWorkPackageCardClicked($event)"
+          (stateLinkClicked)="openStateLink($event)"
+          resizerClass="work-packages-partitioned-page--content-right"
+          resizerStorageKey="openProject-splitViewFlexBasis">
+</wp-grid>
+</div>
 
-     <!-- Footer -->
-     <div class="work-packages-split-view--tabletimeline-footer hide-when-print"
-          *ngIf="tableInformationLoaded">
-     <wp-table-pagination></wp-table-pagination>
-     </div>
+<!-- Footer -->
+<div class="work-packages-split-view--tabletimeline-footer hide-when-print"
+     *ngIf="tableInformationLoaded">
+<wp-table-pagination></wp-table-pagination>
 </div>
\ No newline at end of file
diff --git a/frontend/src/app/features/bim/ifc_models/bcf/list-container/bcf-list-container.component.sass b/frontend/src/app/features/bim/ifc_models/bcf/list-container/bcf-list-container.component.sass
index 5ec8b22693..cfe0b13010 100644
--- a/frontend/src/app/features/bim/ifc_models/bcf/list-container/bcf-list-container.component.sass
+++ b/frontend/src/app/features/bim/ifc_models/bcf/list-container/bcf-list-container.component.sass
@@ -13,7 +13,7 @@
     @include styled-scroll-bar
 
     @media screen and (min-width: 679px)
-      &.-with-resizer
+      &._with-resizer
         padding-left: 10px
 
     @media screen and (max-width: 679px)
@@ -27,7 +27,7 @@
     @include styled-scroll-bar
 
     @media screen and (min-width: 679px)
-      &.-with-resizer
+      &._with-resizer
         padding-left: 10px
 
     @media screen and (max-width: 679px)
diff --git a/frontend/src/app/features/bim/ifc_models/ifc-viewer/ifc-viewer.component.html b/frontend/src/app/features/bim/ifc_models/ifc-viewer/ifc-viewer.component.html
index b466a0dfb7..e609f51658 100644
--- a/frontend/src/app/features/bim/ifc_models/ifc-viewer/ifc-viewer.component.html
+++ b/frontend/src/app/features/bim/ifc_models/ifc-viewer/ifc-viewer.component.html
@@ -26,8 +26,8 @@
     </div>
 
     <div class="op-ifc-viewer--toolbar-container"
-    data-qa-selector="op-ifc-viewer--toolbar-container"
-    ></div>
+          data-qa-selector="op-ifc-viewer--toolbar-container">
+    </div>
     <canvas #modelCanvas
             class="op-ifc-viewer--model-canvas"
             data-qa-selector="op-ifc-viewer--model-canvas"
diff --git a/frontend/src/app/features/bim/ifc_models/ifc-viewer/ifc-viewer.component.sass b/frontend/src/app/features/bim/ifc_models/ifc-viewer/ifc-viewer.component.sass
index ea79bb425a..88c1c761ee 100644
--- a/frontend/src/app/features/bim/ifc_models/ifc-viewer/ifc-viewer.component.sass
+++ b/frontend/src/app/features/bim/ifc_models/ifc-viewer/ifc-viewer.component.sass
@@ -52,7 +52,7 @@
     margin-top: 10px
     margin-right: 5px
 
-@media only screen and (max-width: 679px)
-  .op-ifc-viewer--nav-cube-canvas,
-  .op-ifc-viewer--focus-warning
-    display: none
+  &--nav-cube-canvas,
+  &--focus-warning
+    @media only screen and (max-width: 679px)
+      display: none