filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-11-22 21:45:56 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(Filters): update tooltip copy

Browse Source
This commit is contained in:
Aminejv 2021-12-20 19:36:08 +01:00
parent 7a43422848
commit 86e7aa6189
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/core/Filter/Filters.js
View File

@ -77,7 +77,7 @@ const FilterButton = ({ children, Icon, image, isSelected, ...props }) => (
</li>
);
const FilterSection = ({ title, tooltipContent, children, ...props }) => {
const FilterSection = ({ title, children, ...props }) => {
const [isExpanded, setExpanded] = React.useState(true);
const toggleExpandState = () => setExpanded((prev) => !prev);
@ -100,7 +100,7 @@ const FilterSection = ({ title, tooltipContent, children, ...props }) => {
</Tooltip.Trigger>
<Tooltip.Content css={Styles.HORIZONTAL_CONTAINER_CENTERED} style={{ marginTop: -4.5 }}>
<System.H6 id={titleButtonId} as="p" color="textGrayDark">
{tooltipContent}
Click to show/hide the filter section
</System.H6>
</Tooltip.Content>
</Tooltip.Root>
@ -149,7 +149,7 @@ function Tags({ viewer, data, onAction, ...props }) {
const [, { hidePopup }] = useFilterContext();
return (
<FilterSection title="Tags" tooltipContent="Click to show/hide the tags section" {...props}>
<FilterSection title="Tags" {...props}>
{viewer.slates.map((slate) => (
<FilterButton
key={slate.id}

3
components/core/Filter/Sidebar.js
View File

@ -75,7 +75,8 @@ const STYLES_SIDEBAR_FILTER_WRAPPER = (theme) => css`
top: ${theme.sizes.header + theme.sizes.filterNavbar}px;
width: 300px;
height: calc(100vh - ${theme.sizes.header + theme.sizes.filterNavbar}px);
overflow-y: overlay;
overflow: auto;
overflow: overlay;
padding: 20px 24px calc(16px + ${theme.sizes.intercomWidget}px + ${theme.sizes.filterNavbar}px);
background-color: ${theme.semantic.bgLight};