[ACA-4698] Refactor the parent of aca-info-drawer to style sidebar wh…

…erever present. (#3192) * [ACA-4698] Refactor the parent of aca-info-drawer to style sidebar wherever it is present * declared sidebar class once
Alfresco · May 26, 2023 · bf1fa75 · bf1fa75
1 parent 1a942e6
commit bf1fa75
Show file tree

Hide file tree

Showing 10 changed files with 16 additions and 16 deletions.
diff --git a/projects/aca-content/src/lib/components/favorite-libraries/favorite-libraries.component.html b/projects/aca-content/src/lib/components/favorite-libraries/favorite-libraries.component.html
@@ -78,7 +78,7 @@
       </adf-pagination>
     </div>
 
-    <div class="sidebar" *ngIf="infoDrawerOpened$ | async">
+    <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
       <aca-info-drawer [node]="selection.last"></aca-info-drawer>
     </div>
   </aca-page-layout-content>

diff --git a/projects/aca-content/src/lib/components/favorites/favorites.component.html b/projects/aca-content/src/lib/components/favorites/favorites.component.html
@@ -65,7 +65,7 @@
       <adf-pagination acaPagination [target]="documentList"> </adf-pagination>
     </div>
 
-    <div class="sidebar" *ngIf="infoDrawerOpened$ | async">
+    <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
       <aca-info-drawer [node]="selection.last"></aca-info-drawer>
     </div>
   </aca-page-layout-content>

diff --git a/projects/aca-content/src/lib/components/files/files.component.html b/projects/aca-content/src/lib/components/files/files.component.html
@@ -94,7 +94,7 @@
       [mode]="'indeterminate'">
     </mat-progress-spinner>
 
-    <div class="sidebar" *ngIf="infoDrawerOpened$ | async">
+    <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
       <aca-info-drawer [node]="selection.last"></aca-info-drawer>
     </div>
   </aca-page-layout-content>

diff --git a/projects/aca-content/src/lib/components/libraries/libraries.component.html b/projects/aca-content/src/lib/components/libraries/libraries.component.html
@@ -69,7 +69,7 @@
       <adf-pagination acaPagination [target]="documentList"> </adf-pagination>
     </div>
 
-    <div class="sidebar" *ngIf="infoDrawerOpened$ | async">
+    <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
       <aca-info-drawer [node]="$any(selection).library"></aca-info-drawer>
     </div>
   </aca-page-layout-content>

diff --git a/projects/aca-content/src/lib/components/recent-files/recent-files.component.html b/projects/aca-content/src/lib/components/recent-files/recent-files.component.html
@@ -65,7 +65,7 @@
       <adf-pagination acaPagination [target]="documentList"> </adf-pagination>
     </div>
 
-    <div class="sidebar" *ngIf="infoDrawerOpened$ | async">
+    <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
       <aca-info-drawer [node]="selection.last"></aca-info-drawer>
     </div>
   </aca-page-layout-content>

diff --git a/...rc/lib/components/search/search-libraries-results/search-libraries-results.component.html b/...rc/lib/components/search/search-libraries-results/search-libraries-results.component.html
@@ -83,7 +83,7 @@
         </div>
       </div>
     </div>
-    <div class="sidebar" *ngIf="infoDrawerOpened$ | async">
+    <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
       <aca-info-drawer [node]="selection.last"></aca-info-drawer>
     </div>
   </aca-page-layout-content>

diff --git a/projects/aca-content/src/lib/components/search/search-results/search-results.component.html b/projects/aca-content/src/lib/components/search/search-results/search-results.component.html
@@ -135,7 +135,7 @@
         </adf-viewer-toolbar>
       </adf-alfresco-viewer>
       <ng-template #infoDrawerPanel>
-        <div class="sidebar">
+        <div class="aca-sidebar">
           <aca-info-drawer [node]="selection.last"></aca-info-drawer>
         </div>
       </ng-template>

diff --git a/projects/aca-content/src/lib/components/shared-files/shared-files.component.html b/projects/aca-content/src/lib/components/shared-files/shared-files.component.html
@@ -64,7 +64,7 @@
       <adf-pagination acaPagination [target]="documentList"> </adf-pagination>
     </div>
 
-    <div class="sidebar" *ngIf="infoDrawerOpened$ | async">
+    <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
       <aca-info-drawer [node]="selection.last"></aca-info-drawer>
     </div>
   </aca-page-layout-content>

diff --git a/projects/aca-content/src/lib/ui/application.scss b/projects/aca-content/src/lib/ui/application.scss
@@ -51,3 +51,11 @@ ng-component {
     height: 100vh;
   }
 }
+
+.aca-sidebar {
+  display: block;
+  height: 100%;
+  overflow-y: scroll;
+  max-width: 350px;
+  width: 350px;
+}
diff --git a/projects/aca-shared/src/lib/components/page-layout/page-layout.component.scss b/projects/aca-shared/src/lib/components/page-layout/page-layout.component.scss
@@ -56,14 +56,6 @@
     }
   }
 
-  .sidebar {
-    display: block;
-    height: 100%;
-    overflow-y: scroll;
-    max-width: 350px;
-    width: 350px;
-  }
-
   .aca-page-layout-content {
     @include flex-row;
   }