kosei-n il y a 2 ans
Parent
commit
55fbc74e5a

+ 0 - 1
apps/app/src/components/ItemsTree/ItemsTree.module.scss

@@ -65,7 +65,6 @@ $grw-pagetree-item-container-height: 40px;
 
 
     .grw-pagetree-item-container {
     .grw-pagetree-item-container {
       .grw-triangle-container {
       .grw-triangle-container {
-        width: 40px;
         min-width: 35px;
         min-width: 35px;
         height: $grw-pagetree-item-container-height;
         height: $grw-pagetree-item-container-height;
       }
       }

+ 0 - 0
apps/app/src/components/TreeItem/SimpleItem.module.scss


+ 6 - 3
apps/app/src/components/TreeItem/SimpleItem.tsx

@@ -47,7 +47,10 @@ const SimpleItemContent = ({ page }: { page: IPageForItem }) => {
   const shouldShowAttentionIcon = page.processData != null ? shouldRecoverPagePaths(page.processData) : false;
   const shouldShowAttentionIcon = page.processData != null ? shouldRecoverPagePaths(page.processData) : false;
 
 
   return (
   return (
-    <div className="flex-grow-1 d-flex align-items-center pe-none col-7">
+    <div
+      className="flex-grow-1 d-flex align-items-center pe-none"
+      style={{ minWidth: 0 }}
+    >
       {shouldShowAttentionIcon && (
       {shouldShowAttentionIcon && (
         <>
         <>
           <i id="path-recovery" className="fa fa-warning mr-2 text-warning"></i>
           <i id="path-recovery" className="fa fa-warning mr-2 text-warning"></i>
@@ -58,7 +61,7 @@ const SimpleItemContent = ({ page }: { page: IPageForItem }) => {
       )}
       )}
       {page != null && page.path != null && page._id != null && (
       {page != null && page.path != null && page._id != null && (
         <div className="grw-pagetree-title-anchor flex-grow-1">
         <div className="grw-pagetree-title-anchor flex-grow-1">
-          <p className={`text-truncate m-auto ${page.isEmpty && 'grw-sidebar-text-muted'}`}>{pageName}</p>
+          <p className={`text-truncate m-auto pe-1 ${page.isEmpty && 'grw-sidebar-text-muted'}`}>{pageName}</p>
         </div>
         </div>
       )}
       )}
     </div>
     </div>
@@ -198,7 +201,7 @@ export const SimpleItem: FC<SimpleItemProps> = (props) => {
           {hasDescendants && (
           {hasDescendants && (
             <button
             <button
               type="button"
               type="button"
-              className={`grw-pagetree-triangle-btn btn ${isOpen ? 'grw-pagetree-open' : ''}`}
+              className={`grw-pagetree-triangle-btn btn p-0 ${isOpen ? 'grw-pagetree-open' : ''}`}
               onClick={onClickLoadChildren}
               onClick={onClickLoadChildren}
             >
             >
               <div className="d-flex justify-content-center">
               <div className="d-flex justify-content-center">