LP2000482 Bootstrap 5: Font styles
authorStephanie Leary <stephanie.leary@equinoxOLI.org>
Thu, 23 Feb 2023 22:58:06 +0000 (16:58 -0600)
committerStephanie Leary <stephanie.leary@equinoxOLI.org>
Thu, 23 Feb 2023 22:58:06 +0000 (16:58 -0600)
Signed-off-by: Stephanie Leary <stephanie.leary@equinoxOLI.org>
24 files changed:
Open-ILS/src/eg2/src/app/share/combobox/combobox.component.html
Open-ILS/src/eg2/src/app/share/grid/grid-toolbar-actions-editor.component.html
Open-ILS/src/eg2/src/app/share/grid/grid-toolbar-actions-menu.component.html
Open-ILS/src/eg2/src/app/share/grid/grid-toolbar.component.html
Open-ILS/src/eg2/src/app/share/grid/grid.component.html
Open-ILS/src/eg2/src/app/staff/acq/lineitem/copy-attrs.component.html
Open-ILS/src/eg2/src/app/staff/acq/lineitem/lineitem-list.component.html
Open-ILS/src/eg2/src/app/staff/admin/local/copy-loc-order/copy-loc-order.component.html
Open-ILS/src/eg2/src/app/staff/admin/local/staff_portal_page/staff-portal-page.component.html
Open-ILS/src/eg2/src/app/staff/admin/server/coded-value-maps/composite-def.component.html
Open-ILS/src/eg2/src/app/staff/admin/server/org-unit-type.component.html
Open-ILS/src/eg2/src/app/staff/admin/server/org-unit.component.html
Open-ILS/src/eg2/src/app/staff/admin/server/perm-group-tree.component.html
Open-ILS/src/eg2/src/app/staff/cat/vandelay/import.component.html
Open-ILS/src/eg2/src/app/staff/cat/vandelay/match-set-expression.component.html
Open-ILS/src/eg2/src/app/staff/cat/volcopy/config.component.html
Open-ILS/src/eg2/src/app/staff/cat/volcopy/vol-edit.component.html
Open-ILS/src/eg2/src/app/staff/catalog/browse/results.component.html
Open-ILS/src/eg2/src/app/staff/catalog/hold/hold.component.html
Open-ILS/src/eg2/src/app/staff/catalog/result/record.component.html
Open-ILS/src/eg2/src/app/staff/catalog/search-form.component.html
Open-ILS/src/eg2/src/app/staff/catalog/search-templates.component.html
Open-ILS/src/eg2/src/app/staff/share/admin-page/admin-page.component.html
Open-ILS/src/eg2/src/app/staff/share/marc-edit/authority-linking-dialog.component.html

index 915b9e4..08cf04f 100644 (file)
@@ -23,7 +23,7 @@
       class="form-control"
       [id]="domId"
       [ngClass]="{
-        'text-success font-italic fw-bold': selected && selected.freetext,
+        'text-success fst-italic fw-bold': selected && selected.freetext,
         'form-control-sm': smallFormControl
       }"
       [placeholder]="placeholder"
index c6be1fa..5121292 100644 (file)
@@ -11,7 +11,7 @@
     </div>
     <div class="row pt-1" *ngFor="let action of gridContext.toolbarActions">
       <ng-container *ngIf="action.isGroup">
-        <div class="col-lg-12 fw-bold font-italic">{{action.label}}</div>
+        <div class="col-lg-12 fw-bold fst-italic">{{action.label}}</div>
       </ng-container>
       <ng-container *ngIf="action.isSeparator">
         <div class="col-lg-12 dropdown-divider"></div>
index eacb557..2c733f6 100644 (file)
@@ -14,7 +14,7 @@
     [disabled]="shouldDisable(action)"
     (click)="performAction(action)" tabindex="0">
     <ng-container *ngIf="action.isGroup">
-      <span class="fw-bold font-italic">{{action.label}}</span>
+      <span class="fw-bold fst-italic">{{action.label}}</span>
     </ng-container>
     <ng-container *ngIf="action.isSeparator">
       <div class="dropdown-divider"></div>
index e7128fa..afbeeaf 100644 (file)
@@ -42,7 +42,7 @@
 
   <ng-container *ngIf="!gridContext.disableSelect">
 
-  <div class="font-sm font-italic d-flex flex-column-reverse me-2">
+  <div class="font-sm fst-italic d-flex flex-column-reverse me-2">
     {{gridContext.getSelectedRows().length}} selected
   </div>
   <div ngbDropdown class="me-1" placement="bottom-right">
index 2491df5..ad8b6e4 100644 (file)
         </div>
       </ng-container>
       <ng-container *ngIf="!dataSource.requestingData">
-        <div class="col-lg-12 text-center alert alert-danger font-italic fw-bold" *ngIf="dataSource.retrievalError">
+        <div class="col-lg-12 text-center alert alert-danger fst-italic fw-bold" *ngIf="dataSource.retrievalError">
           <span i18n>Error Retrieving Results</span>
         </div>
-        <div class="col-lg-12 text-center alert font-italic fw-bold" *ngIf="!dataSource.retrievalError">
+        <div class="col-lg-12 text-center alert fst-italic fw-bold" *ngIf="!dataSource.retrievalError">
           <span i18n>Nothing to Display</span>
         </div>
       </ng-container>
index 98f4551..f45c6f1 100644 (file)
           &nbsp;<a href="javascript:;" (click)="cancelRequested.emit(copy)" i18n>Cancel</a>
         </ng-container>
         <ng-container *ngIf="disposition() === 'delayed'">
-          <span class="font-italic ms-2" title="{{copy.cancel_reason().description()}}">
+          <span class="fst-italic ms-2" title="{{copy.cancel_reason().description()}}">
             {{copy.cancel_reason().label()}}
           </span>
         </ng-container>
         <ng-container *ngIf="disposition() === 'canceled'">
-          <span class="font-italic" title="{{copy.cancel_reason().description()}}">
+          <span class="fst-italic" title="{{copy.cancel_reason().description()}}">
             {{copy.cancel_reason().label()}}
           </span>
         </ng-container>
index eff32aa..33bae9a 100644 (file)
     </div>
 
     <div class="d-flex ms-3 justify-content-center flex-column h-100">
-      <span class="font-italic" style="font-size:90%" i18n>
+      <span class="fst-italic" style="font-size:90%" i18n>
         {{selectedIds().length}} Selected
       </span>
     </div>
index cd5eecf..04ee702 100644 (file)
@@ -27,7 +27,7 @@
         class="me-2 btn btn-sm btn-outline-dark .mat-icon-shrunk-in-button">
         <span class="material-icons">vertical_align_bottom</span>
       </button>
-      <span class="ms-2 font-italic" *ngIf="selected()">
+      <span class="ms-2 fst-italic" *ngIf="selected()">
         Selected: {{selected().location().name()}} 
           ({{orgSn(selected().location().owning_lib())}})
       </span>
@@ -38,7 +38,7 @@
   </div>
 </div>
 
-<div class="mt-2 mb-2 font-italic" i18n>
+<div class="mt-2 mb-2 fst-italic" i18n>
   Select a shelving location below and use the arrows above to change its position.
 </div>
 
@@ -52,7 +52,7 @@
           [ngClass]="{'border border-primary rounded': selectedEntry === entry.id()}">
           {{entry.location().name()}} ({{orgSn(entry.location().owning_lib())}})
         </span>
-        <span *ngIf="entry.isnew()" class="ms-2 font-italic text-info">(unsaved)</span>
+        <span *ngIf="entry.isnew()" class="ms-2 fst-italic text-info">(unsaved)</span>
       </div>
     </div>
   </li>
index 9f520b4..6fd9c2e 100644 (file)
@@ -46,7 +46,7 @@
       <div class="flex-1"></div><!-- push right -->
       <ng-container *ngIf="gridFilters">
         <span i18n>Filters Applied: {{gridFilters | json}}</span>
-        <a class="ps-2 font-italic" 
+        <a class="ps-2 fst-italic" 
           [attr.href]="clearGridFiltersUrl()" i18n>Clear Filters</a>
       </ng-container>
     </div>
index ad8d1c3..662810b 100644 (file)
@@ -31,7 +31,7 @@
     <div>
       <eg-tree [tree]="tree" (nodeClicked)="nodeClicked($event)" *ngIf="tree">
       </eg-tree>
-      <p *ngIf="!tree" class="font-italic mt-4 ms-3">No tree</p>
+      <p *ngIf="!tree" class="fst-italic mt-4 ms-3">No tree</p>
     </div>
     <button class="btn btn-danger mt-4" (click)="deleteTree()" i18n *ngIf="tree">
       Delete Tree
@@ -47,7 +47,7 @@
     
     <eg-composite-new-point #newPoint [pointType]="newPointType"></eg-composite-new-point>
     
-    <div class="row mt-2 ms-2 font-italic" *ngIf="newPointType && tree">
+    <div class="row mt-2 ms-2 fst-italic" *ngIf="newPointType && tree">
       <ol i18n>
         <li>Define a new node using the above fields.</li>
         <li>Select a boolean node in the tree.</li>
@@ -57,7 +57,7 @@
       <p><b>Note</b> - A NOT boolean node can only have one child: a record attribute, or an 
       AND / OR boolean node with its own children.</p>
     </div>
-    <div *ngIf="!tree" class="row mt-2 ms-2 font-italic">To start a new tree add a boolean operator
+    <div *ngIf="!tree" class="row mt-2 ms-2 fst-italic">To start a new tree add a boolean operator
       or record attribute and click "New Tree".</div>
     <div class="row ms-2 mt-2" *ngIf="!tree">
       <button class="btn btn-success" (click)="createNewTree()" i18n
index 9e474ab..3f9db97 100644 (file)
@@ -29,7 +29,7 @@
   <div class="col-lg-8 org-unit-types-col-main">
     <h3 i18n class="mb-3">Selected Org Unit Type</h3>
     <ng-container *ngIf="!selected">
-      <div class="alert alert-info font-italic" i18n>
+      <div class="alert alert-info fst-italic" i18n>
         Select an org unit type from the tree on the left.
       </div>
     </ng-container>
index 993341c..fc303d7 100644 (file)
@@ -32,7 +32,7 @@
         <span *ngIf="currentOrg().name()" i18n>
           {{currentOrg().name()}} ({{currentOrg().shortname()}})
         </span>
-        <span *ngIf="!currentOrg().name()" class="font-italic" i18n>
+        <span *ngIf="!currentOrg().name()" class="fst-italic" i18n>
           Add Name
         </span>
       </div>
index 0f9610f..22060c9 100644 (file)
@@ -40,7 +40,7 @@
   <div class="col-lg-9">
     <h3 i18n class="mb-3">Selected Permission Group</h3>
     <ng-container *ngIf="!selected">
-      <div class="alert alert-info font-italic" i18n>
+      <div class="alert alert-info fst-italic" i18n>
         Select a permission group from the tree on the left.
       </div>
       <ng-container *ngIf="loading">
               </button>
             </div>
 
-            <div class="row font-italic">
+            <div class="row fst-italic">
               <span class="label-with-material-icon" i18n>
                 Permissions marked with a 
                 <span class="ps-1 pe-1 fw-bold text-danger 
                     <eg-bool [value]="map.grantable() === 't'"></eg-bool>
                   </div>
                 </div>
-                <div class="col-lg-1 font-italic" i18n>Inherited</div>
+                <div class="col-lg-1 fst-italic" i18n>Inherited</div>
               </ng-container>
               <ng-template #nativeMap>
                 <div class="col-lg-4">{{map.grp().name()}}</div>
index cc778aa..6e10419 100644 (file)
     </div>
     <ng-container *ngIf="recordType !== 'authority'">
       <div class="col-lg-3" *ngIf="bibTrashGroups.length === 0">
-        <span i18n class="font-italic">No Groups Configured</span>
+        <span i18n class="fst-italic">No Groups Configured</span>
       </div>
       <div class="col-lg-3" *ngIf="bibTrashGroups.length">
         <select multiple [(ngModel)]="selectedTrashGroups" 
index ec46f7d..0064e63 100644 (file)
@@ -43,7 +43,7 @@
       </button>
 
     </div>
-    <div class="row mt-2 ms-2 font-italic" *ngIf="newPointType">
+    <div class="row mt-2 ms-2 fst-italic" *ngIf="newPointType">
       <ol i18n>
         <li>Define a new match point using the above fields.</li>
         <li>Select a boolean node in the tree.</li>
index af32d08..548a1b1 100644 (file)
@@ -1,7 +1,7 @@
 <div class="d-flex">
   <h3 class="mt-3" i18n>Holdings Preferences</h3>
   <div class="flex-1"></div>
-  <div i18n class="font-italic">Changes are saved automatically.</div>
+  <div i18n class="fst-italic">Changes are saved automatically.</div>
 </div>
 
 <div class="row">
 <hr class="p-2"/>
 
 <h3 i18n>Hide Item Attributes</h3>
-<span class="font-italic" i18n>
+<span class="fst-italic" i18n>
   Selected Fields Will be <span class="fw-bold">Hidden</span>
   from the Item Attributes Form.
 </span>
index 901547b..2c28064 100644 (file)
               (ngModelChange)="applyCopyValue(copyNode.target, 'barcode', $event)"/>
           </div>
           <div *ngIf="copyNode.target._dupe_barcode"
-            class="alert alert-danger font-italic p-1" i18n>
+            class="alert alert-danger fst-italic p-1" i18n>
             Duplicate Barcode
           </div>
         </div>
index 748e079..00e3aae 100644 (file)
@@ -49,7 +49,7 @@
           </ng-container>
           <div class="row" *ngFor="let heading of result.compiledHeadings">
             <div class="col-lg-10 offset-lg-1" i18n>
-              <span class="font-italic">
+              <span class="fst-italic">
                 <ng-container *ngIf="!heading.type || heading.type === 'variant'">
                     See
                 </ng-container>
index 7b46af3..f9cee1d 100644 (file)
 </div>
 
 <ng-template #anyValue>
-  <span class="font-italic" i18n>ANY</span>
+  <span class="fst-italic" i18n>ANY</span>
 </ng-template>
 
 <!--
index 609267a..3a66bf2 100644 (file)
@@ -7,7 +7,7 @@
            don't waste a lot of space. -->
       <div class="col-lg-7 d-flex">
         <label  class="form-label checkbox">
-          <span class="fw-bold font-italic">
+          <span class="fw-bold fst-italic">
             {{index + 1 + searchContext.pager.offset}}.
           </span>
           <input class="ps-1" type='checkbox' [(ngModel)]="isRecordSelected"
             </div>
           </ng-container>
           <ng-container *ngIf="!summary.copies.length && !summary.eResourceUrls.length">
-            <span class="font-italic" i18n>No Items To Display</span>
+            <span class="fst-italic" i18n>No Items To Display</span>
           </ng-container>
         </div>
       </div>
index b49eae9..bdb9963 100644 (file)
     <ng-container *ngIf="context.result.global_summary as gs">
       <ng-container *ngIf="gs.suggestions as sugg">
         <div *ngIf="sugg.one_class_one_term as ocot" class="col-lg-12 d-flex align-content-center">
-          <span class="fw-bold font-italic me-1" i18n>Did you mean:</span>
+          <span class="fw-bold fst-italic me-1" i18n>Did you mean:</span>
           <span *ngFor="let s of ocot.suggestions; first as isFirst">
             <span *ngIf="!isFirst" i18n>&nbsp; or &nbsp;</span>
             <a routerLink="/staff/catalog/search" queryParamsHandling="merge"
index 22fad6c..8f92dc5 100644 (file)
@@ -39,7 +39,7 @@
         [disabled]="searches.length === 0" i18n>Clear Recent Searches</button>
       <div class="dropdown-divider"></div>
       <button [disabled]="true" *ngIf="searches.length === 0" 
-        class="dropdown-item font-italic" i18n>No Recent Searches</button>
+        class="dropdown-item fst-italic" i18n>No Recent Searches</button>
       <button *ngFor="let search of sortSearches()"
         class="dropdown-item" 
         (click)="searchSelected(search)"
@@ -61,7 +61,7 @@
         [disabled]="templates.length === 0" i18n>Delete All Templates</button>
       <div class="dropdown-divider"></div>
       <button [disabled]="true" *ngIf="templates.length === 0" 
-        class="dropdown-item font-italic" i18n>No Saved Templates</button>
+        class="dropdown-item fst-italic" i18n>No Saved Templates</button>
       <button *ngFor="let tmpl of sortTemplates()"
         class="dropdown-item" 
         (click)="templateSelected(tmpl)"
index 15248f8..5faacfa 100644 (file)
@@ -32,7 +32,7 @@
       <div class="flex-1"></div><!-- push right -->
       <ng-container *ngIf="gridFilters">
         <span i18n>Filters Applied: {{gridFilters | json}}</span>
-        <a class="ps-2 font-italic" 
+        <a class="ps-2 fst-italic" 
           [attr.href]="clearGridFiltersUrl()" i18n>Clear Filters</a>
       </ng-container>
     </div>
index 3a5f1cb..125f61c 100644 (file)
@@ -94,7 +94,7 @@
             *ngTemplateOutlet="headingField;context:{field:entry.main_heading, authId: entry.authority_id}">
           </ng-container>
         </div>
-        <div class="font-italic">
+        <div class="fst-italic">
           <a target="_blank" 
             i18n-title title="Authority Record ID {{entry.authority_id}}"
             routerLink="/staff/cat/authority/edit/{{entry.authority_id}}">