fix: .text-left .text-right to .text-start .text-end

ng-bootstrap · May 12, 2021 · 65f8954 · 65f8954
1 parent ae3a3fe
commit 65f8954
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/demo/src/app/components/accordion/demos/header/accordion-header.html b/demo/src/app/components/accordion/demos/header/accordion-header.html
@@ -40,7 +40,7 @@ <h5 class="m-0">Second panel</h5>
   <ngb-panel [disabled]="disabled" [cardClass]="disabled ? 'disabled' : ''">
     <ng-template ngbPanelHeader>
       <div class="d-flex align-items-center justify-content-between">
-        <button ngbPanelToggle class="btn btn-link container-fluid text-left ps-0">Third panel</button>
+        <button ngbPanelToggle class="btn btn-link container-fluid text-start ps-0">Third panel</button>
         <p *ngIf="disabled" class="text-muted m-0 small">[I'm&nbsp;disabled]</p>
       </div>
     </ng-template>

diff --git a/demo/src/app/components/dropdown/demos/basic/dropdown-basic.html b/demo/src/app/components/dropdown/demos/basic/dropdown-basic.html
@@ -10,7 +10,7 @@
     </div>
   </div>
 
-  <div class="col text-right">
+  <div class="col text-end">
     <div ngbDropdown placement="top-end" class="d-inline-block">
       <button class="btn btn-outline-primary" id="dropdownBasic2" ngbDropdownToggle>Toggle dropup</button>
       <div ngbDropdownMenu aria-labelledby="dropdownBasic2">

diff --git a/demo/src/app/default/default.component.html b/demo/src/app/default/default.component.html
@@ -4,7 +4,7 @@
       <div class="col-6 mx-auto col-md-6">
         <img width="512" height="512" class="img-fluid mb-3 mb-md-0" src="img/logo-stack.png" alt="ng-bootstrap logo"/>
       </div>
-      <div class="col-lg-6 text-center text-lg-left">
+      <div class="col-lg-6 text-center text-lg-start">
         <h1>Bootstrap widgets</h1>
         <h3 class="text-secondary">The angular way</h3>
         <p class="lead">