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"
*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>

@ -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)

@ -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"

@ -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

Loading…
Cancel
Save