Correct some indentations, remove unnecessary elements, and change class names

pull/9539/head
bsatarnejad 3 years ago
parent bb67999afe
commit 7e64289801
  1. 66
      frontend/src/app/features/bim/ifc_models/bcf/list-container/bcf-list-container.component.html
  2. 4
      frontend/src/app/features/bim/ifc_models/bcf/list-container/bcf-list-container.component.sass
  3. 4
      frontend/src/app/features/bim/ifc_models/ifc-viewer/ifc-viewer.component.html
  4. 8
      frontend/src/app/features/bim/ifc_models/ifc-viewer/ifc-viewer.component.sass

@ -1,39 +1,37 @@
<div class="op-bcf-list-container"> <div class="op-bcf-list-container--result-overlay"
<div class="op-bcf-list-container--result-overlay" *ngIf="(showResultOverlay$ | async) && showTableView"></div>
*ngIf="(showResultOverlay$ | async) && showTableView"></div>
<!-- TABLE + TIMELINE horizontal split --> <!-- TABLE + TIMELINE horizontal split -->
<div class="op-bcf-list-container--work-packages-split-view--tabletimeline-container" <div class="op-bcf-list-container--work-packages-split-view--tabletimeline-container"
[ngClass]="{ '-with-resizer': showResizerInCardView() }" [ngClass]="{ '_with-resizer': showResizerInCardView() }"
*ngIf="tableInformationLoaded && showTableView"> *ngIf="tableInformationLoaded && showTableView">
<wp-resizer elementClass="work-packages-partitioned-page--content-right" <wp-resizer elementClass="work-packages-partitioned-page--content-right"
localStorageKey="openProject-splitViewFlexBasis"> localStorageKey="openProject-splitViewFlexBasis">
</wp-resizer> </wp-resizer>
<wp-table [projectIdentifier]="CurrentProject.identifier" <wp-table [projectIdentifier]="CurrentProject.identifier"
[configuration]="wpTableConfiguration" [configuration]="wpTableConfiguration"
(itemClicked)="handleWorkPackageClicked($event)" (itemClicked)="handleWorkPackageClicked($event)"
(stateLinkClicked)="openStateLink($event)" (stateLinkClicked)="openStateLink($event)"
class="work-packages-split-view--tabletimeline-content"> class="work-packages-split-view--tabletimeline-content">
</wp-table> </wp-table>
</div> </div>
<!-- GRID representation of the WP --> <!-- GRID representation of the WP -->
<div *ngIf="!showTableView" <div *ngIf="!showTableView"
class="op-bcf-list-container--work-packages--card-view-container" class="op-bcf-list-container--work-packages--card-view-container"
[ngClass]="{ '-with-resizer': showResizerInCardView() }" > [ngClass]="{ '_with-resizer': showResizerInCardView() }" >
<wp-grid [configuration]="wpTableConfiguration" <wp-grid [configuration]="wpTableConfiguration"
[showResizer]="showResizerInCardView()" [showResizer]="showResizerInCardView()"
(itemClicked)="handleWorkPackageCardClicked($event)" (itemClicked)="handleWorkPackageCardClicked($event)"
(stateLinkClicked)="openStateLink($event)" (stateLinkClicked)="openStateLink($event)"
resizerClass="work-packages-partitioned-page--content-right" resizerClass="work-packages-partitioned-page--content-right"
resizerStorageKey="openProject-splitViewFlexBasis"> resizerStorageKey="openProject-splitViewFlexBasis">
</wp-grid> </wp-grid>
</div> </div>
<!-- Footer --> <!-- Footer -->
<div class="work-packages-split-view--tabletimeline-footer hide-when-print" <div class="work-packages-split-view--tabletimeline-footer hide-when-print"
*ngIf="tableInformationLoaded"> *ngIf="tableInformationLoaded">
<wp-table-pagination></wp-table-pagination> <wp-table-pagination></wp-table-pagination>
</div>
</div> </div>

@ -13,7 +13,7 @@
@include styled-scroll-bar @include styled-scroll-bar
@media screen and (min-width: 679px) @media screen and (min-width: 679px)
&.-with-resizer &._with-resizer
padding-left: 10px padding-left: 10px
@media screen and (max-width: 679px) @media screen and (max-width: 679px)
@ -27,7 +27,7 @@
@include styled-scroll-bar @include styled-scroll-bar
@media screen and (min-width: 679px) @media screen and (min-width: 679px)
&.-with-resizer &._with-resizer
padding-left: 10px padding-left: 10px
@media screen and (max-width: 679px) @media screen and (max-width: 679px)

@ -26,8 +26,8 @@
</div> </div>
<div class="op-ifc-viewer--toolbar-container" <div class="op-ifc-viewer--toolbar-container"
data-qa-selector="op-ifc-viewer--toolbar-container" data-qa-selector="op-ifc-viewer--toolbar-container">
></div> </div>
<canvas #modelCanvas <canvas #modelCanvas
class="op-ifc-viewer--model-canvas" class="op-ifc-viewer--model-canvas"
data-qa-selector="op-ifc-viewer--model-canvas" data-qa-selector="op-ifc-viewer--model-canvas"

@ -52,7 +52,7 @@
margin-top: 10px margin-top: 10px
margin-right: 5px margin-right: 5px
@media only screen and (max-width: 679px) &--nav-cube-canvas,
.op-ifc-viewer--nav-cube-canvas, &--focus-warning
.op-ifc-viewer--focus-warning @media only screen and (max-width: 679px)
display: none display: none

Loading…
Cancel
Save