IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Common: Fix FilterBlockItemTag.

Browse Source
This commit is contained in:
Vlada Gazizova 2022-08-17 11:00:41 +03:00
parent 15a57d61ae
commit 5be3de19dc
2 changed files with 30 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
packages/common/components/ColorTheme/styled/filterBlockItemTag.js
View File

@ -1,13 +1,26 @@
import styled, { css } from "styled-components";
import { StyledFilterBlockItemTag } from "@docspace/common/components/FilterInput/sub-components/StyledFilterBlock";
import Base from "@docspace/components/themes/base";
const getDefaultStyles = ({ currentColorScheme, isSelected }) => css`
background: ${isSelected && currentColorScheme.accentColor};
border-color: ${isSelected && currentColorScheme.accentColor};
&:hover {
background: ${isSelected && currentColorScheme.accentColor};
border-color: ${isSelected && currentColorScheme.accentColor};
}
`;
const getDefaultStyles = ({ currentColorScheme, isSelected, theme }) =>
currentColorScheme &&
css`
background: ${isSelected && theme.isBase && currentColorScheme.accentColor};
border-color: ${isSelected &&
theme.isBase &&
currentColorScheme.accentColor};
&:hover {
background: ${isSelected &&
theme.isBase &&
currentColorScheme.accentColor};
border-color: ${isSelected &&
theme.isBase &&
currentColorScheme.accentColor};
}
`;
StyledFilterBlockItemTag.defaultProps = {
theme: Base,
};
export default styled(StyledFilterBlockItemTag)(getDefaultStyles);

9
packages/common/components/FilterInput/sub-components/StyledFilterBlock.js
View File

@ -135,6 +135,13 @@ const StyledFilterBlockItemSelectorText = styled(Text)`
StyledFilterBlockItemSelectorText.defaultProps = { theme: Base };
const selectedItemTag = css`
background: ${(props) =>
props.theme.filterInput.filter.selectedItem.background};
border-color: ${(props) =>
props.theme.filterInput.filter.selectedItem.border};
`;
const StyledFilterBlockItemTag = styled.div`
height: 30px;
max-height: 30px;
@ -154,6 +161,8 @@ const StyledFilterBlockItemTag = styled.div`
cursor: pointer;
${(props) => props.isSelected && selectedItemTag}
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
`;