LP1821382 Grid scroll menu repairs
authorBill Erickson <berickxx@gmail.com>
Tue, 26 Mar 2019 15:23:22 +0000 (11:23 -0400)
committerDan Wells <dbw2@calvin.edu>
Wed, 29 May 2019 19:30:50 +0000 (15:30 -0400)
Make scrollable menus require addition of a class so the CSS does not
apply to all drop-down menus.  Specifically, it makes less sense to use
scrollable menus for the main menu bar.

Signed-off-by: Bill Erickson <berickxx@gmail.com>
Signed-off-by: Dan Wells <dbw2@calvin.edu>
Open-ILS/src/eg2/src/app/share/grid/grid-toolbar.component.html
Open-ILS/src/eg2/src/styles.css

index 68f7fad..0de7ede 100644 (file)
@@ -38,7 +38,7 @@
       <span title="Actions For Selected Rows" i18n-title
         class="material-icons mat-icon-in-button">playlist_add_check</span>
     </button>
       <span title="Actions For Selected Rows" i18n-title
         class="material-icons mat-icon-in-button">playlist_add_check</span>
     </button>
-    <div class="dropdown-menu" ngbDropdownMenu>
+    <div class="dropdown-menu scrollable-menu" ngbDropdownMenu>
       <button class="dropdown-item" (click)="performAction(action)"
         *ngFor="let action of gridContext.toolbarActions"
         [disabled]="shouldDisableAction(action)">
       <button class="dropdown-item" (click)="performAction(action)"
         *ngFor="let action of gridContext.toolbarActions"
         [disabled]="shouldDisableAction(action)">
       <span title="Show Grid Options" i18n-title
         class="material-icons mat-icon-in-button">settings</span>
     </button>
       <span title="Show Grid Options" i18n-title
         class="material-icons mat-icon-in-button">settings</span>
     </button>
-    <div class="dropdown-menu" ngbDropdownMenu>
+    <div class="dropdown-menu scrollable-menu" ngbDropdownMenu>
       <a class="dropdown-item label-with-material-icon"
         (click)="columnConfDialog.open({size:'lg'})">
         <span class="material-icons">build</span>
       <a class="dropdown-item label-with-material-icon"
         (click)="columnConfDialog.open({size:'lg'})">
         <span class="material-icons">build</span>
index a959e8c..10424f2 100644 (file)
@@ -125,11 +125,11 @@ h5 {font-size: .95rem}
 }
 
 /* Limit size of dropdown menus and allow for scrolling */
 }
 
 /* Limit size of dropdown menus and allow for scrolling */
-.dropdown-menu {
+.scrollable-menu {
   height: auto;
   max-height: 300px;
   overflow-y: auto;
   height: auto;
   max-height: 300px;
   overflow-y: auto;
-  font-size: 98%;
+  font-size: 99%;
 }
 
 /* --------------------------------------------------------------------------
 }
 
 /* --------------------------------------------------------------------------