LP2000482 Bootstrap 5: left/start, right/end
authorStephanie Leary <stephanie.leary@equinoxOLI.org>
Wed, 22 Feb 2023 17:10:06 +0000 (11:10 -0600)
committerStephanie Leary <stephanie.leary@equinoxOLI.org>
Wed, 22 Feb 2023 20:24:57 +0000 (14:24 -0600)
Signed-off-by: Stephanie Leary <stephanie.leary@equinoxOLI.org>
25 files changed:
Open-ILS/src/eg2/src/app/share/clipboard/clipboard-dialog.component.html
Open-ILS/src/eg2/src/app/share/translate/translate.component.html
Open-ILS/src/eg2/src/app/staff/acq/lineitem/detail.component.html
Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider-search-form.component.html
Open-ILS/src/eg2/src/app/staff/acq/provider/acq-provider.component.html
Open-ILS/src/eg2/src/app/staff/admin/acq/funds/fund-details-dialog.component.html
Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-associate-material.component.html
Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-associate-users.component.html
Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-page.component.html
Open-ILS/src/eg2/src/app/staff/admin/local/triggers/trigger-edit.component.html
Open-ILS/src/eg2/src/app/staff/admin/server/floating-group/edit-floating-group.component.html
Open-ILS/src/eg2/src/app/staff/admin/workstation/workstations/workstations.component.html
Open-ILS/src/eg2/src/app/staff/booking/create-reservation-dialog.component.html
Open-ILS/src/eg2/src/app/staff/catalog/basket-actions.component.html
Open-ILS/src/eg2/src/app/staff/catalog/result/browse-pager.component.html
Open-ILS/src/eg2/src/app/staff/catalog/result/record.component.html
Open-ILS/src/eg2/src/app/staff/catalog/result/results.component.html
Open-ILS/src/eg2/src/app/staff/catalog/search-form.component.html
Open-ILS/src/eg2/src/app/staff/circ/checkin/checkin.component.html
Open-ILS/src/eg2/src/app/staff/circ/patron/bills.component.html
Open-ILS/src/eg2/src/app/staff/share/holdings/batch-item-attr.component.html
Open-ILS/src/eg2/src/app/staff/share/marc-edit/editor.component.html
Open-ILS/src/eg2/src/app/staff/share/marc-edit/rich-editor.component.html
Open-ILS/src/eg2/src/app/staff/share/op-change/op-change.component.html
Open-ILS/web/opac/extras/circ/alt_holds_print.html

index 9037847..045fdbd 100644 (file)
@@ -6,7 +6,7 @@
   </div>
   <div class="modal-body common-form striped-odd">
     <div class="row" *ngFor="let value of values">
-      <div class="col-lg-4 fw-bold border-right">{{value.label}}</div>
+      <div class="col-lg-4 fw-bold border-end">{{value.label}}</div>
       <div class="col-lg-8">
         <a href="javascript:;" (click)="copyValue(value.value)">{{value.value}}</a>
       </div>
index 86b9cea..8fe0995 100644 (file)
@@ -8,7 +8,7 @@
   </div>
   <div class="modal-body form-common form-validated" *ngIf="idlObj">
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold" 
+      <label class="col-lg-4 text-end fw-bold" 
         i18n>Field Name</label>
       <input 
         type="text" 
@@ -17,7 +17,7 @@
         value="{{idlClassDef.field_map[field].label}}">
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold" 
+      <label class="col-lg-4 text-end fw-bold" 
         i18n>Current Value</label>
       <input 
         type="text" 
@@ -26,7 +26,7 @@
         value="{{idlObj[field]()}}">
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold" 
+      <label class="col-lg-4 text-end fw-bold" 
         i18n>Select Locale</label>
       <select class="form-control col-lg-7" 
         (change)="localeChanged($event)"
@@ -37,7 +37,7 @@
       </select>
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold" i18n>Translation</label>
+      <label class="col-lg-4 text-end fw-bold" i18n>Translation</label>
       <input 
         id='translation-input'
         type="text" 
index ed3ad66..0e49369 100644 (file)
@@ -8,7 +8,7 @@
         <div class="mt-3">
           <div class="row" *ngFor="let attr of lineitem.attributes()">
             <div class="col-lg-2">{{attrLabel(attr)}}</div>
-            <div class="col-lg-10 border-left">{{attr.attr_value()}}</div>
+            <div class="col-lg-10 border-start">{{attr.attr_value()}}</div>
           </div>
         </div>
       </ng-container>
index 65f4a8f..91a9c36 100644 (file)
@@ -13,7 +13,7 @@
         [ngModelOptions]="{standalone: true}" [(ngModel)]="providerOwners">
       </eg-org-family-select>
     </div>
-    <div class="col-lg-2 text-right">
+    <div class="col-lg-2 text-end">
       <button class="btn btn-primary me-1" (click)="submitSearch()" type="submit" [hidden]="!collapsed" i18n>Search</button>
       <button class="btn btn-secondary" (click)="clearSearch()" type="button" [hidden]="!collapsed" i18n>Reset Form</button>
       <button class="btn" [hidden]="collapsed" (click)="toggleCollapse()" type="submit" i18n><span class="material-icons">expand_less</span></button>
@@ -61,7 +61,7 @@
     </div>
   </div>
   <div class="row mb-1" [hidden]="collapsed">
-    <div class="col-lg-2 offset-lg-10 text-right">
+    <div class="col-lg-2 offset-lg-10 text-end">
       <button class="btn btn-primary me-1" (click)="submitSearch()" type="submit" i18n>Search</button>
       <button class="btn btn-secondary" (click)="clearSearch()" type="button" i18n>Reset Form</button>
     </div>
index 92d41ce..8aaac98 100644 (file)
@@ -50,7 +50,7 @@
         <a i18n ngbNavLink role="tab">Provider</a>
         <ng-template ngbNavContent>
           <div class="row mt-3">
-            <div class="col-lg-12 text-right pb-1">
+            <div class="col-lg-12 text-end pb-1">
               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
                 (click)="setDefaultTab()" i18n>Set Default View</button>
             </div>
@@ -62,7 +62,7 @@
         <a i18n ngbNavLink role="tab">Addresses</a>
         <ng-template ngbNavContent>
           <div class="row mt-3">
-            <div class="col-lg-12 text-right pb-1">
+            <div class="col-lg-12 text-end pb-1">
               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
                 (click)="setDefaultTab()" i18n>Set Default View</button>
             </div>
@@ -74,7 +74,7 @@
         <a i18n ngbNavLink role="tab">Contacts</a>
           <ng-template ngbNavContent>
           <div class="row mt-3">
-            <div class="col-lg-12 text-right pb-1">
+            <div class="col-lg-12 text-end pb-1">
               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
                 (click)="setDefaultTab()" i18n>Set Default View</button>
             </div>
@@ -86,7 +86,7 @@
         <a i18n ngbNavLink role="tab">Attribute Definitions</a>
         <ng-template ngbNavContent>
           <div class="row mt-3">
-            <div class="col-lg-12 text-right pb-1">
+            <div class="col-lg-12 text-end pb-1">
               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
                 (click)="setDefaultTab()" i18n>Set Default View</button>
             </div>
@@ -98,7 +98,7 @@
         <a i18n ngbNavLink role="tab">Holdings Definitions</a>
         <ng-template ngbNavContent>
           <div class="row mt-3">
-            <div class="col-lg-12 text-right pb-1">
+            <div class="col-lg-12 text-end pb-1">
               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
                 (click)="setDefaultTab()" i18n>Set Default View</button>
             </div>
         <a i18n ngbNavLink role="tab">EDI</a>
         <ng-template ngbNavContent>
           <div class="row mt-3">
-            <div class="col-lg-12 text-right pb-1">
+            <div class="col-lg-12 text-end pb-1">
               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
                 (click)="setDefaultTab()" i18n>Set Default View</button>
             </div>
         <a i18n ngbNavLink role="tab">Invoices</a>
         <ng-template ngbNavContent>
           <div class="row mt-3">
-            <div class="col-lg-12 text-right pb-1">
+            <div class="col-lg-12 text-end pb-1">
               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
                 (click)="setDefaultTab()" i18n>Set Default View</button>
             </div>
         <a i18n ngbNavLink role="tab">POs</a>
         <ng-template ngbNavContent>
           <div class="row mt-3">
-            <div class="col-lg-12 text-right pb-1">
+            <div class="col-lg-12 text-end pb-1">
               <button class="btn btn-secondary btn-sm" [disabled]="activeTab === defaultTabType"
                 (click)="setDefaultTab()" i18n>Set Default View</button>
             </div>
index 434f461..0a2ff55 100644 (file)
@@ -27,7 +27,7 @@
         [disabled]="fund?.active() !== 't'"
           (click)="doTransfer()" i18n>Transfer Money</button>
       </div>
-      <div class="col-lg-9 text-right pb-1">
+      <div class="col-lg-9 text-end pb-1">
         <button class="btn btn-secondary btn-xs" [disabled]="activeTab === defaultTabType"
           (click)="setDefaultTab()" i18n>Set Default View</button>
       </div>
index f8d4689..59d5da8 100644 (file)
                 </div>
               </div>
               <div class="row mt-3">
-                <div class="col-lg-12 text-right">
+                <div class="col-lg-12 text-end">
                   <button class="btn btn-primary" [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
                     (click)="associateItem(barcodeInput, relationshipInput)" i18n [disabled]="!barcodeInput">
                     Add Material
                 </div>
               </div>
               <div class="row mt-3">
-                <div class="col-lg-12 text-right">
+                <div class="col-lg-12 text-end">
                   <button class="btn btn-primary" i18n (click)="associateElectronicBibRecord()"
                     [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'">
                     Add Material
index c82d08e..c846d44 100644 (file)
@@ -50,7 +50,7 @@
         </div>
       </div>
       <div class="row mt-3">
-        <div class="text-right" [ngClass]="isDialog() ? 'col-md-2' : 'col-md-6'">
+        <div class="text-end" [ngClass]="isDialog() ? 'col-md-2' : 'col-md-6'">
           <button class="btn btn-primary"
             [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
             i18n [disabled]="!userBarcode" (click)="associateUser(userBarcode)">
index e9edaf2..c593734 100644 (file)
@@ -6,7 +6,7 @@
 </eg-staff-banner>
 
 <div class="row">
-  <div class="col text-right">
+  <div class="col text-end">
     <button class="btn btn-danger" *ngIf="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 'f' "
       (click)="archiveCourse()">
       <span class="align-middle">Archive Course</span>
index ceef997..1e4c09f 100644 (file)
@@ -20,7 +20,7 @@
                 [fieldOptions]="{message_template:{customTemplate:{template:textAreaTemplate}},template:{customTemplate:{template:textAreaTemplate}}}"
                 fieldOrder="owner,name,hook,active,delay,delay_field,group_field,reactor,validator,repeat_delay,id,cleanup_failure,granularity,max_delay,message_library_path,message_template,message_title,message_usr_path,opt_in_setting,usr_field,retention_interval,cleanup_success,template">
             </eg-fm-record-editor>
-            <div class="text-right">
+            <div class="text-end">
                 <button class="btn btn-outline-dark me-3" (click)="back()">&#8592; Back to Notifications/Action Triggers</button>
             </div>
     </ng-template>
index 482ed38..0f930a5 100644 (file)
@@ -3,7 +3,7 @@
 </eg-staff-banner>
 
 <div class="row">
-    <div class="col text-right">
+    <div class="col text-end">
         <a class="btn btn-warning ms-3" routerLink="/staff/admin/server/config/floating_group">
             <span class="material-icons align-middle">keyboard_return</span>
             <span class="align-middle" i18n>Return to Floating Groups List</span>
index e853e95..82d8d7d 100644 (file)
@@ -53,7 +53,7 @@
         </div>
       </div>
     </div>
-    <div class="row mt-3 pt-3 border border-left-0 border-right-0 border-bottom-0 border-light">
+    <div class="row mt-3 pt-3 border border-start-0 border-end-0 border-bottom-0 border-light">
       <div class="col">
         <span i18n>Workstations Registered With This Browser</span>
       </div>
index 5e736ce..641f6bd 100644 (file)
@@ -9,7 +9,7 @@
   </div>
   <form class="modal-body form-common" [formGroup]="create">
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold"
+      <label class="col-lg-4 text-end fw-bold"
         i18n for="create-patron-barcode">Patron barcode</label>
       <div class="col-lg-7">
         <input type="text" id="create-patron-barcode"
@@ -27,7 +27,7 @@
       </span>
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold"
+      <label class="col-lg-4 text-end fw-bold"
         i18n for="create-end-time">Start time</label>
       <eg-datetime-select
         formControlName="startTime"
@@ -35,7 +35,7 @@
       </eg-datetime-select>
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold"
+      <label class="col-lg-4 text-end fw-bold"
         i18n for="create-end-time">End time</label>
       <eg-datetime-select
         formControlName="endTime"
@@ -47,7 +47,7 @@
       </div>
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold"
+      <label class="col-lg-4 text-end fw-bold"
         i18n for="create-pickup-library">Reservation location</label>
       <eg-org-select domId="create-pickup-library" [applyDefault]="true"
         [disableOrgs]="disableOrgs()" [hideOrgs]="disableOrgs()"
@@ -62,7 +62,7 @@
       <span i18n>Reservation location is in the {{timezone}} timezone</span>
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold"
+      <label class="col-lg-4 text-end fw-bold"
         i18n for="create-resource">Resource</label>
       <input *ngIf="targetResource && targetResourceBarcode" id="create-resource" value="{{targetResourceBarcode}}" disabled>
       <eg-combobox
       </eg-combobox>
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold"
+      <label class="col-lg-4 text-end fw-bold"
         i18n for="create-email-notify">Notify by email?</label>
       <input type="checkbox" formControlName="emailNotify">
     </div>
     <div class="form-group row">
-      <label class="col-lg-4 text-right fw-bold"
+      <label class="col-lg-4 text-end fw-bold"
         i18n for="create-note">Note</label>
       <input type="text" id="create-note"
         class="form-control col-lg-7" formControlName="note">
index 61cfe42..8b4794d 100644 (file)
@@ -5,7 +5,7 @@
 
 <div class="d-flex justify-content-end">
   <div class="pe-1">
-    <div class="float-right">
+    <div class="float-end">
       <!-- note basket view link does not propagate search params -->
       <a routerLink="/staff/catalog/search" [queryParams]="{showBasket: true}" 
         class="label-with-material-icon">
index 1a49716..614cbc3 100644 (file)
@@ -33,7 +33,7 @@
       </div>
     </div>
     <div class="col-lg-4">
-      <div *ngIf="nextEntry" class="float-right">
+      <div *ngIf="nextEntry" class="float-end">
         <div class="d-flex">
           <div class="flex-1 pt-1">
             <span>{{nextEntry.value}}</span>
index 445824a..92470e7 100644 (file)
             'text-dark bg-warning' : copyCount.count === 0 && (copyCount.transcendant === 0 || !copyCount.transcendant),
                        'bg-info' : copyCount.count === 0
             }">
-          <div class="float-left text-left w-50">
+          <div class="float-start text-left w-50">
             <span class="pe-1">
             {{copyCount.available}} / {{copyCount.count}} items
             </span>
           </div>
-          <div class="float-left w-50">
+          <div class="float-start w-50">
             @ {{orgName(copyCount.org_unit)}}
           </div>
         </div>
       <div class="col-lg-2">
         <div class="row">
           <div class="col-lg-12">
-            <div class="float-right small-text-1">
+            <div class="float-end small-text-1">
               Created {{summary.record.create_date() | date:'shortDate'}} by
               <!-- creator if fleshed after the initial data set is loaded -->
               <a *ngIf="summary.record.creator().usrname" target="_self"
         </div>
         <div class="row pt-2">
           <div class="col-lg-12">
-            <div class="float-right small-text-1" i18n>
+            <div class="float-end small-text-1" i18n>
               Edited {{summary.record.edit_date() | date:'shortDate'}} by
               <a *ngIf="summary.record.editor().usrname" target="_self"
                 href="/eg/staff/circ/patron/{{summary.record.editor().id()}}/checkout">
         </div>
         <div class="row pt-2">
           <div class="col-lg-12">
-            <div class="float-right">
+            <div class="float-end">
               <ng-container *ngIf="summary.record.deleted() === 't'">
                 <span class="text-danger" i18n>(Deleted)</span>
               </ng-container>
index 130fa8c..84ce309 100644 (file)
@@ -75,7 +75,7 @@
             </eg-catalog-result-record>
           </div>
         </div>
-        <div class="float-right">
+        <div class="float-end">
           <eg-catalog-result-pagination></eg-catalog-result-pagination>
         </div>
 
index 0e5da37..ebfbf25 100644 (file)
       <div class="col-lg-12">
         <div class="card">
           <div class="card-body">
-            <div class="float-right d-flex">
+            <div class="float-end d-flex">
               <eg-org-select 
                 (onChange)="orgOnChange($event)"
                 [initialOrg]="context.searchOrg"
index 547d6b5..9651e8e 100644 (file)
     <div class="alert alert-danger p-1 text-dark">
 
       <span *ngIf="backdate" 
-        class="me-3 pe-3 border-right border-info label-with-material-icon">
+        class="me-3 pe-3 border-end border-info label-with-material-icon">
         <span class="material-icons">history</span>
         <span class="ps-2" i18n>Backdated Check In {{backdate | date:'shortDate'}}</span>
       </span>
 
       <span *ngIf="backdate && backdateUntilLogout"
-        class="me-3 pe-3 border-right border-info label-with-material-icon">
+        class="me-3 pe-3 border-end border-info label-with-material-icon">
         <span class="material-icons">timeline</span>
         <span class="ps-2" i18n>Use Effective Date Until Logout</span>
       </span>
 
       <span *ngIf="modifiers.no_precat_alert"
-        class="me-3 pe-3 border-right border-info label-with-material-icon">
+        class="me-3 pe-3 border-end border-info label-with-material-icon">
         <span class="material-icons">edit</span>
         <span class="ps-2" i18n>Ignore Pre-Cataloged Items</span>
       </span>
 
       <span *ngIf="modifiers.noop"
-        class="me-3 pe-3 border-right border-info label-with-material-icon"> 
+        class="me-3 pe-3 border-end border-info label-with-material-icon"> 
         <span class="material-icons">block</span>
         <span class="ps-2" i18n>Suppress Holds and Transits</span>
       </span>
 
       <span *ngIf="modifiers.void_overdues"
-        class="me-3 pe-3 border-right border-info label-with-material-icon">
+        class="me-3 pe-3 border-end border-info label-with-material-icon">
         <span class="material-icons">monetization_on</span>
         <span class="ps-2" i18n>Amnesty Mode</span>
       </span>
 
       <span *ngIf="modifiers.auto_print_holds_transits"
-        class="me-3 pe-3 border-right border-info label-with-material-icon">
+        class="me-3 pe-3 border-end border-info label-with-material-icon">
         <span class="material-icons">print</span>
         <span class="ps-2" i18n>Auto-Print Hold and Transit Slips</span>
       </span>
 
-      <span class="me-3 pe-3 border-right border-info" 
+      <span class="me-3 pe-3 border-end border-info" 
         *ngIf="modifiers.clear_expired" i18n>Clear Holds Shelf</span>
 
       <ng-container *ngIf="modifiers.retarget_holds">
-        <span class="me-3 pe-3 border-right border-info" 
+        <span class="me-3 pe-3 border-end border-info" 
           *ngIf="modifiers.retarget_holds_all" i18n>Always Retarget Local Holds</span>
-        <span class="me-3 pe-3 border-right border-info" 
+        <span class="me-3 pe-3 border-end border-info" 
           *ngIf="!modifiers.retarget_holds_all" i18n>Retarget Local Holds</span>
       </ng-container>
 
       <span *ngIf="modifiers.hold_as_transit"
-        class="me-3 pe-3 border-right border-info label-with-material-icon">
+        class="me-3 pe-3 border-end border-info label-with-material-icon">
         <span class="material-icons">directions_transit</span>
         <span class="ps-2" i18n>Capture Local Holds As Transits</span>
       </span>
 
-      <span class="me-3 pe-3 border-right border-info" 
+      <span class="me-3 pe-3 border-end border-info" 
         *ngIf="modifiers.manual_float" i18n>Manual Floating Active</span>
 
-      <span class="me-3 pe-3 border-right border-info" 
+      <span class="me-3 pe-3 border-end border-info" 
         *ngIf="modifiers.do_inventory_update" i18n>Update Inventory</span>
     </div>
   </div>
index 1c76e5a..5f46fab 100644 (file)
@@ -47,7 +47,7 @@
 
 <ng-container *ngIf="summary">
   <div class="row border-bottom border-secondary pb-2 pt-2 mb-4">
-    <div class="col-lg-3 pe-0 me-0 border-right">
+    <div class="col-lg-3 pe-0 me-0 border-end">
       <div class="d-flex pt-1 pb-1 striped">
         <div class="flex-4" i18n>Total Owed:</div>
         <div class="flex-1"
@@ -64,7 +64,7 @@
       </div>
     </div>
 
-    <div class="col-lg-3 pe-0 me-0 border-right">
+    <div class="col-lg-3 pe-0 me-0 border-end">
       <div class="d-flex pt-1 pb-1 striped">
         <div class="flex-4" i18n>Owed for Selected:</div>
         <div class="flex-1">{{owedSelected() | currency}}</div>
@@ -79,7 +79,7 @@
       </div>
     </div>
 
-    <div class="col-lg-3 pe-0 me-0 border-right">
+    <div class="col-lg-3 pe-0 me-0 border-end">
       <div class="d-flex pt-1 pb-1 striped">
         <div class="flex-4" i18n>Refunds Available:</div>
         <div class="flex-1">{{refundsAvailable() | currency}}</div>
index 73a7052..718e5f3 100644 (file)
@@ -52,7 +52,7 @@
             <ng-template #default>{{count.key}}</ng-template>
           </ng-container>
         </div>
-        <div class="ps-1 border-left" i18n>
+        <div class="ps-1 border-start" i18n>
           {count.value, plural, =1 {1 copy} other {{{count.value}} copies}}
         </div>
       </ng-container>
index 45c2c65..eed4214 100644 (file)
@@ -56,7 +56,7 @@
     </div>
   </ng-container>
 
-  <div class="pe-3 me-3 border-right">
+  <div class="pe-3 me-3 border-end">
     <button class="btn btn-success" (click)="saveRecord()"
       [disabled]="record && (record.deleted || record.id === -1)" i18n>Save Changes</button>
   </div>
index 871bcf7..63d0de3 100644 (file)
 
   <!-- SUBFIELD DECORATOR/DELIMITER -->
   <eg-marc-editable-content fieldText="‡" i18n-fieldText
-    moreClasses="sf-delimiter border-right-0 bg-transparent p-1 pe-0">
+    moreClasses="sf-delimiter border-end-0 bg-transparent p-1 pe-0">
   </eg-marc-editable-content>
 
   <!-- SUBFIELD CHARACTER -->
   <eg-marc-editable-content
     [context]="context" [field]="field" fieldType="sfc"
     [subfield]="subfield" ariaLabel="Subfield Code" i18n-ariaLabel
-    moreClasses="sf-code border-left-0 p-1 ps-0">
+    moreClasses="sf-code border-start-0 p-1 ps-0">
   </eg-marc-editable-content>
 
   <!-- SUBFIELD VALUE -->
index 6dcbe31..a1e121a 100644 (file)
@@ -15,7 +15,7 @@
 
     <form class="form-validated">
       <div class="form-group row">
-        <label class="col-lg-4 text-right fw-bold" for="username" i18n>Username</label>
+        <label class="col-lg-4 text-end fw-bold" for="username" i18n>Username</label>
         <input 
           type="text" 
           class="form-control col-lg-7"
@@ -30,7 +30,7 @@
       </div>
 
       <div class="form-group row">
-        <label class="col-lg-4 text-right fw-bold" 
+        <label class="col-lg-4 text-end fw-bold" 
             for="password" i18n>Password</label>
         <input 
           type="password" 
@@ -46,7 +46,7 @@
       </div>
 
       <div class="form-group row">
-        <label class="col-lg-4 text-right fw-bold" 
+        <label class="col-lg-4 text-end fw-bold" 
             for="loginType" i18n>Login Type</label>
         <select 
           class="form-control col-lg-7" 
index dc298fe..bce625b 100644 (file)
@@ -20,7 +20,7 @@
             th {
                 text-align: left; font-weight: bold;
                 border-bottom: 1px #000 solid;
-                border-right: 1px #000 solid;
+                border-end: 1px #000 solid;
                 padding: 0.5em;
             }
         </style>