diff --git a/apps/remix-ide/src/app/components/vertical-icons.js b/apps/remix-ide/src/app/components/vertical-icons.js index 4541832b68..0b2c451752 100644 --- a/apps/remix-ide/src/app/components/vertical-icons.js +++ b/apps/remix-ide/src/app/components/vertical-icons.js @@ -123,7 +123,9 @@ export class VerticalIcons extends Plugin { */ removeIcon ({ name }) { if (this.targetProfileForChange[name]) delete this.targetProfileForChange[name] - this.renderComponent() + setTimeout(() => { + this.renderComponent() + }, 150) } /** diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css index bb2c096e80..d2c2856318 100644 --- a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css +++ b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css @@ -84,7 +84,7 @@ } .remixui_scrollable-container { max-height: 570px; - border-bottom: 3px solid #3f4455; + /* border-bottom: 3px solid #3f4455; */ } .remixui_scrollbar::-webkit-scrollbar { /* Chrome, Safari and other Webkit browsers*/ display: none; @@ -99,6 +99,10 @@ z-index: 1000; } + .remixui_settings { + min-height: 30px; + } + #menuitems { list-style: none; margin: 0px; diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx index ee61ddf51e..407168cc2d 100644 --- a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx +++ b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx @@ -316,8 +316,8 @@ export function RemixUiVerticalIconsPanel ({
0 - ? 'border-bottom remixui_default-icons-container remixui_scrollable-container remixui_scrollbar remixui_hide-scroll' + className={scrollableRef.current && scrollableRef.current.scrollHeight > scrollableRef.current.clientHeight + ? 'remixui_default-icons-container remixui_scrollable-container remixui_scrollbar remixui_hide-scroll' : 'remixui_scrollable-container remixui_scrollbar remixui_hide-scroll'} ref={scrollableRef} >