fixed icons paddings on verticalicons

plugin manager selection fix
pull/1985/head
lianahus 3 years ago
parent 1c88c6ddc0
commit c26f81f8cb
  1. 1
      libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
  2. 2
      libs/remix-ui/vertical-icons-panel/src/lib/components/Home.tsx
  3. 2
      libs/remix-ui/vertical-icons-panel/src/lib/components/Icon.tsx
  4. 1
      libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css
  5. 4
      libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx

@ -173,7 +173,6 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
_paq.push(['trackEvent', 'pluginManager', 'userActivate', 'sourcify']) _paq.push(['trackEvent', 'pluginManager', 'userActivate', 'sourcify'])
} }
const startPluginManager = async () => { const startPluginManager = async () => {
await plugin.appManager.activatePlugin('pluginManager')
plugin.verticalIcons.select('pluginManager') plugin.verticalIcons.select('pluginManager')
} }

@ -7,7 +7,7 @@ interface HomeProps {
function Home ({ verticalIconPlugin }: HomeProps) { function Home ({ verticalIconPlugin }: HomeProps) {
return ( return (
<div <div
className="mt-3 my-1 remixui_homeIcon" className="mt-2 my-1 remixui_homeIcon"
onClick={async () => await verticalIconPlugin.activateHome()} onClick={async () => await verticalIconPlugin.activateHome()}
{...{ plugin: 'home'}} {...{ plugin: 'home'}}
title="Home" title="Home"

@ -85,7 +85,7 @@ const Icon = ({
return ( return (
<> <>
<div <div
className={`remixui_icon m-2 pl-1`} className={`remixui_icon m-2`}
onClick={() => { onClick={() => {
(verticalIconPlugin as any).toggle(name) (verticalIconPlugin as any).toggle(name)
}} }}

@ -19,6 +19,7 @@
flex-flow: column nowrap; flex-flow: column nowrap;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
text-align: center;
} }
.remixui_icon:hover { .remixui_icon:hover {
box-shadow: 0px 0px 14px -7px; box-shadow: 0px 0px 14px -7px;

@ -90,7 +90,7 @@ const RemixUiVerticalIconsPanel = ({
<Chevron <Chevron
direction='up' direction='up'
divElementRef={scrollableRef} divElementRef={scrollableRef}
cssRule={'fa fa-chevron-up remixui_icon-chevron mt-0 mb-0 ml-1 pl-3'} cssRule={'fa fa-chevron-up remixui_icon-chevron my-0'}
/> />
) : null ) : null
} }
@ -113,7 +113,7 @@ const RemixUiVerticalIconsPanel = ({
{ scrollableRef.current && scrollableRef.current.scrollHeight > scrollableRef.current.clientHeight ? (<Chevron { scrollableRef.current && scrollableRef.current.scrollHeight > scrollableRef.current.clientHeight ? (<Chevron
divElementRef={scrollableRef} divElementRef={scrollableRef}
direction='down' direction='down'
cssRule={'fa fa-chevron-down remixui_icon-chevron mt-0 mb-0 ml-1 pl-3'} cssRule={'fa fa-chevron-down remixui_icon-chevron my-0'}
/>) : null } />) : null }
<IconList <IconList
theme={theme} theme={theme}

Loading…
Cancel
Save