diff --git a/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js b/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js index 7fa81ed5..bb8f5cfe 100644 --- a/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js +++ b/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js @@ -7,6 +7,10 @@ const Wrapper = styled.div` justify-content: flex-end; } + .indent-block { + border-right: solid 1px #e1e1e1; + } + .collection-item-name { height: 1.875rem; cursor: pointer; @@ -39,6 +43,10 @@ const Wrapper = styled.div` .menu-icon { color: white !important; } + + .indent-block { + border-right: solid 1px #6faaea; + } } div.tippy-box { diff --git a/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/index.js b/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/index.js index e7cfa1b1..fc755289 100644 --- a/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/index.js +++ b/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/index.js @@ -61,11 +61,11 @@ const CollectionItem = ({item, collectionId, actions, dispatch, activeRequestTab {indents && indents.length ? indents.map((i) => { return (
 {/* Indent */} diff --git a/packages/grafnode-components/src/components/Sidebar/Collections/Collection/index.js b/packages/grafnode-components/src/components/Sidebar/Collections/Collection/index.js index 7b85ef1b..01d90c54 100644 --- a/packages/grafnode-components/src/components/Sidebar/Collections/Collection/index.js +++ b/packages/grafnode-components/src/components/Sidebar/Collections/Collection/index.js @@ -1,5 +1,5 @@ import React, { forwardRef, useRef } from 'react'; -import { IconChevronRight, IconDots, IconDatabase } from '@tabler/icons'; +import { IconChevronRight, IconDots, IconWorld } from '@tabler/icons'; import CollectionItem from './CollectionItem'; import Dropdown from '../../../Dropdown'; import get from 'lodash/get'; @@ -13,7 +13,7 @@ const Collection = ({collection, actions, dispatch, activeRequestTabId}) => { const EnvIcon = forwardRef((props, ref) => { return (
- +
); });