boder left and right to s e

apps/app/src/components/Navbar/GrowiContextualSubNavigation.tsx

@@ -402,7 +402,7 @@ const GrowiContextualSubNavigation = (props: GrowiContextualSubNavigationProps):
             )}
           </div>
           {(isAbleToShowPageAuthors && !isCompactMode && !pagePathUtils.isUsersHomepage(path ?? '')) && (
-            <ul className={`${AuthorInfoStyles['grw-author-info']} text-nowrap border-left d-none d-lg-block d-edit-none py-2 pl-4 mb-0 ml-3`}>
+            <ul className={`${AuthorInfoStyles['grw-author-info']} text-nowrap border-start d-none d-lg-block d-edit-none py-2 pl-4 mb-0 ml-3`}>
               <li className="pb-1">
                 {currentPage != null
                   ? <AuthorInfo user={currentPage.creator as IUser} date={currentPage.createdAt} mode="create" locate="subnav" />

apps/app/src/components/Navbar/GrowiSubNavigation.tsx

@@ -62,7 +62,7 @@ export const GrowiSubNavigation = (props: GrowiSubNavigationProps): JSX.Element
       {/* Left side */}
       <div className="d-flex grw-subnav-start-side">
         { (showDrawerToggler && isDrawerMode) && (
-          <div className={`d-none d-md-flex align-items-center ${isEditorMode ? 'mr-2 pr-2' : 'border-right mr-4 pr-4'}`}>
+          <div className={`d-none d-md-flex align-items-center ${isEditorMode ? 'mr-2 pr-2' : 'border-end mr-4 pr-4'}`}>
             <DrawerToggler />
           </div>
         ) }

apps/app/src/components/ReactMarkdownComponents/RichAttachment.tsx

@@ -73,7 +73,7 @@ export const RichAttachment: React.FC<{
               <span className="ml-2 text-muted">
                 {new Date(createdAt).toLocaleString('en-US')}
               </span>
-              <span className="ml-2 pl-2 border-left text-muted">{prettyBytes(fileSize)}</span>
+              <span className="ml-2 pl-2 border-start text-muted">{prettyBytes(fileSize)}</span>
             </div>
           </div>
         </div>

apps/app/src/styles/theme/_reboot-bootstrap-border-colors.scss

@@ -12,7 +12,7 @@
   border-top: $border-width solid $border-color !important;
 }
 
-.border-right {
+.border-end {
   border-right: $border-width solid $border-color !important;
 }
 
@@ -20,7 +20,7 @@
   border-bottom: $border-width solid $border-color !important;
 }
 
-.border-left {
+.border-start {
   border-left: $border-width solid $border-color !important;
 }