left to start

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

@@ -60,7 +60,7 @@ export const GrowiSubNavigation = (props: GrowiSubNavigationProps): JSX.Element
       ${compactModeClasses}`}
     >
       {/* Left side */}
-      <div className="d-flex grw-subnav-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'}`}>
             <DrawerToggler />

apps/app/src/styles/_editor.scss

@@ -130,7 +130,7 @@
   }
 
   // ellipsis .grw-page-path-hierarchical-link
-  .grw-subnav-left-side {
+  .grw-subnav-start-side {
     overflow: hidden;
     .grw-path-nav-container {
       margin-right: 1rem;

packages/remark-lsx/src/client/components/Lsx.module.scss

@@ -10,7 +10,7 @@
   .lsx-load-more-row {
     opacity: .5;
 
-    .left-items-label {
+    .start-items-label {
       display: none;
     }
     .btn-load-more {
@@ -23,7 +23,7 @@
   .lsx-load-more-row:hover {
     opacity: 1;
 
-    .left-items-label {
+    .start-items-label {
       display: inline;
     }
     .btn-load-more {

packages/remark-lsx/src/client/components/Lsx.tsx

@@ -115,7 +115,7 @@ const LsxSubstance = React.memo(({
             onClick={() => setSize(size => size + 1)}
           >
             Load more<br />
-            <span className="text-muted small left-items-label">({leftItemsNum} pages left)</span>
+            <span className="text-muted small start-items-label">({leftItemsNum} pages left)</span>
           </button>
         </div>
       </div>