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

Web:Common:Fix TabsContainerTheme.

Browse Source
This commit is contained in:
Vlada Gazizova 2022-08-16 13:47:16 +03:00
parent 09cc1d318e
commit abb11df755
5 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/common/components/ColorTheme/ColorTheme.js
View File

@ -9,7 +9,7 @@ import {
SubmenuTextTheme,
SubmenuItemLabelTheme,
ToggleButtonTheme,
TabContainerTheme,
TabsContainerTheme,
IconButtonTheme,
IconButtonPinTheme,
MainButtonMobileTheme,
@ -53,8 +53,8 @@ const ColorTheme = forwardRef((props, ref) => {
case ThemeType.ToggleButton: {
return <ToggleButtonTheme ref={ref} {...props} />;
}
case ThemeType.TabContainer: {
return <TabContainerTheme ref={ref} {...props} />;
case ThemeType.TabsContainer: {
return <TabsContainerTheme ref={ref} {...props} />;
}
case ThemeType.IconButton: {
return <IconButtonTheme ref={ref} {...props} />;

2
packages/common/components/ColorTheme/constants.js
View File

@ -6,7 +6,7 @@ export const ThemeType = {
SubmenuText: "submenuText",
SubmenuItemLabel: "submenuItemLabel",
ToggleButton: "toggleButton",
TabContainer: "tabContainer",
TabsContainer: "tabsContainer",
IconButton: "iconButton",
IconButtonPin: "iconButtonPin",
MainButtonMobile: "mainButtonMobile",

2
packages/common/components/ColorTheme/styled/index.js
View File

@ -12,7 +12,7 @@ export { default as SubmenuItemLabelTheme } from "./submenuItemLabel";
export { default as ToggleButtonTheme } from "./toggleButton";
export { default as TabContainerTheme } from "./tabContainer";
export { default as TabsContainerTheme } from "./tabsContainer";
export { default as IconButtonTheme } from "./iconButton";

8
packages/common/components/ColorTheme/styled/tabContainer.js
View File

@ -1,8 +0,0 @@
import styled, { css } from "styled-components";
import { Label } from "@docspace/components/tabs-container/styled-tabs-container";
const getDefaultStyles = ({ currentColorScheme, selected }) => css`
background-color: ${selected && currentColorScheme.accentColor};
`;
export default styled(Label)(getDefaultStyles);

15
packages/common/components/ColorTheme/styled/tabsContainer.js Normal file
View File

@ -0,0 +1,15 @@
import styled, { css } from "styled-components";
import { Label } from "@docspace/components/tabs-container/styled-tabs-container";
import Base from "@docspace/components/themes/base";
const getDefaultStyles = ({ currentColorScheme, selected, theme }) =>
currentColorScheme &&
css`
background-color: ${selected &&
theme.isBase &&
currentColorScheme.accentColor} !important;
`;
Label.defaultProps = { theme: Base };
export default styled(Label)(getDefaultStyles);