fix: .pl- and .pr- to .ps- and .pe-

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

Hide file tree

Showing 5 changed files with 5 additions and 5 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 pl-0">Third panel</button>
+        <button ngbPanelToggle class="btn btn-link container-fluid text-left 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/nav/demos/dynamic/nav-dynamic.html b/demo/src/app/components/nav/demos/dynamic/nav-dynamic.html
@@ -2,7 +2,7 @@
   <li *ngFor="let id of tabs" [ngbNavItem]="id">
     <a ngbNavLink>
       Tab {{ id }}
-      <span class="close position-relative pl-2 font-weight-light" (click)="close($event, id)">×</span>
+      <span class="close position-relative ps-2 font-weight-light" (click)="close($event, id)">×</span>
     </a>
     <ng-template ngbNavContent>
       <p>Tab {{ id }} content</p>

diff --git a/demo/src/app/components/shared/api-docs/api-docs-config.component.html b/demo/src/app/components/shared/api-docs/api-docs-config.component.html
@@ -29,7 +29,7 @@ <h3>
       <h4>Properties</h4>
       <p class="description">
         <ng-template ngFor let-property [ngForOf]="apiDocs.properties">
-          <code class="pr-2">{{ property.name }}</code>&ngsp;
+          <code class="pe-2">{{ property.name }}</code>&ngsp;
         </ng-template>
       </p>
       <p class="mt-3">Documentation available in <a routerLink="." fragment="{{directiveName}}">{{ directiveName }}</a></p>

diff --git a/demo/src/app/shared/component-wrapper/component-wrapper.component.html b/demo/src/app/shared/component-wrapper/component-wrapper.component.html
@@ -67,7 +67,7 @@ <h1 class="mb-4 me-auto me-md-none">{{ component | titlecase }}</h1>
       </header>
 
       <section class="row py-5 px-2 px-md-4 px-lg-5">
-        <div class="col-12 col-xl-9 px-md-0 pr-xl-4">
+        <div class="col-12 col-xl-9 px-md-0 pe-xl-4">
           <ng-template [ngComponentOutlet]="(headerComponentType$ | async)!"></ng-template>
           <router-outlet (activate)="updateNavigation($event)"></router-outlet>
         </div>

diff --git a/demo/src/app/shared/page-wrapper/page-wrapper.component.html b/demo/src/app/shared/page-wrapper/page-wrapper.component.html
@@ -49,7 +49,7 @@ <h1 class="mt-0">{{ pageTitle }}</h1>
       </header>
 
       <section class="row py-5 px-2 px-md-4 px-lg-5">
-        <div class="col-12 col-xl-9 px-md-0 pr-xl-4">
+        <div class="col-12 col-xl-9 px-md-0 pe-xl-4">
           <ng-content></ng-content>
         </div>