change size and padding of tree item trigger arrow

daostack · Nov 14, 2023 · 15d48f5 · 15d48f5
1 parent 9f547f2
commit 15d48f5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/...nt/components/ProjectsTree/components/PlaceholderTreeItem/PlaceholderTreeItem.module.scss b/...nt/components/ProjectsTree/components/PlaceholderTreeItem/PlaceholderTreeItem.module.scss
@@ -3,7 +3,7 @@
 // based on TreeItemTrigger arrow icon button
 .gap {
   // {item-arrow-pl} + {arrow-icon-button-pr} + {arrow-icon-button-width}
-  width: calc(var(--item-arrow-pl) + 0.625rem + 0.375rem);
+  width: calc(var(--item-arrow-pl) + 1.25rem + 0.5rem);
 }
 
 .image {

diff --git a/...navContent/components/ProjectsTree/components/TreeItemTrigger/TreeItemTrigger.module.scss b/...navContent/components/ProjectsTree/components/TreeItemTrigger/TreeItemTrigger.module.scss
@@ -36,13 +36,15 @@
 }
 
 .arrowIconButton {
-  padding: 0.75rem 0.625rem 0.75rem var(--item-arrow-pl);
+  padding: 0.75rem 1.25rem 0.75rem var(--item-arrow-pl);
 }
 .arrowIconButtonHidden {
   visibility: hidden;
 }
 
 .arrowIcon {
+  width: 0.5rem;
+  height: 0.625rem;
   color: $c-neutrals-600;
   transition: transform 0.2s;
 }