add styles

apps/app/src/components/PageHeader/PagePathHeader.module.scss

@@ -17,3 +17,15 @@
     }
   }
 }
+
+// .ellipsize-left {
+//   width: 200px;
+//   overflow: hidden;
+//   text-align: left;
+//   text-overflow: ellipsis;
+//   /* Standard CSS ellipsis */
+//   white-space: nowrap;
+
+//   /* Beginning of string */
+//   direction: rtl;
+// }

apps/app/src/components/PageHeader/PagePathHeader.tsx

@@ -115,7 +115,7 @@ export const PagePathHeader: FC<Props> = (props) => {
           </div>
         ) }
         <div
-          className={`${isRenameInputShown ? 'invisible' : ''} text-truncate`}
+          className={`${isRenameInputShown ? 'invisible' : ''} ${styles['ellipsize-left']}`}
           style={{ direction: 'rtl' }}
         >
           <PagePathHierarchicalLink linkedPagePath={linkedPagePath} />