LP1904036 help popover custom button css; smaller mat icon
authorBill Erickson <berickxx@gmail.com>
Mon, 29 Mar 2021 19:41:41 +0000 (15:41 -0400)
committerGalen Charlton <gmc@equinoxOLI.org>
Fri, 28 Oct 2022 00:13:28 +0000 (20:13 -0400)
Signed-off-by: Bill Erickson <berickxx@gmail.com>
Signed-off-by: Jane Sandberg <js7389@princeton.edu>
Signed-off-by: Galen Charlton <gmc@equinoxOLI.org>
Open-ILS/src/eg2/src/app/share/eg-help-popover/eg-help-popover.component.html
Open-ILS/src/eg2/src/app/share/eg-help-popover/eg-help-popover.component.ts

index b75422b..6b5e8ee 100644 (file)
@@ -2,7 +2,9 @@
   <a target="_blank" href="{{helpLink}}" *ngIf="helpLink.length >= 1">{{helpText}}</a>
   <span *ngIf="helpLink.length < 1">{{helpText}}</span>
 </ng-template>
-<button class="btn btn-sm" placement="{{placement}}" [ngbPopover]="popContent" triggers="click"i
+<button class="btn {{buttonClass}}" placement="{{placement}}" 
+  [ngbPopover]="popContent" triggers="click"
   i18n-aria-label aria-label="Show help" aria-haspopup="true">
-  <span class="material-icons" i18n-aria-label aria-label="Show help">live_help</span>
+  <span class="material-icons mat-icon-shrunk-in-button" 
+    i18n-aria-label aria-label="Show help">live_help</span>
 </button>
index f0b61e9..dce19a7 100644 (file)
@@ -22,4 +22,9 @@ export class EgHelpPopoverComponent {
     // 'top', and so forth.
     @Input()
     placement = '';
+
+    // Allow for overriding the default button class.
+    // This augments the basic 'btn' class
+    @Input()
+    buttonClass = 'btn-sm';
 }