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

Web:Common:Components:ColorTheme:styled:infoPanelToggle Changed the logic of showing the accent color

Browse Source
This commit is contained in:
Akmal Isomadinov 2023-04-13 18:50:15 +05:00
parent ac83de246d
commit 204e8819f7
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/common/components/ColorTheme/styled/infoPanelToggle.js
View File

@ -2,8 +2,8 @@ import styled, { css } from "styled-components";
import StyledInfoPanelToggleWrapper from "../../StyledInfoPanelToggleWrapper";
import Base from "@docspace/components/themes/base";
const getDefaultStyles = ({ $currentColorScheme }) =>
$currentColorScheme &&
const getDefaultStyles = ({ $currentColorScheme, isInfoPanelVisible }) =>
$currentColorScheme && isInfoPanelVisible &&
css`
.info-panel-toggle-bg {
path {

5
packages/common/components/StyledInfoPanelToggleWrapper/index.js
View File

@ -19,8 +19,9 @@ const StyledInfoPanelToggleWrapper = styled.div`
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: ${(props) =>
props.theme.infoPanel.sectionHeaderToggleBgActive};
background-color: ${(props) => !props.isInfoPanelVisible
? "none"
: props.theme.infoPanel.sectionHeaderToggleBgActive};
path {
fill: ${(props) => props.theme.infoPanel.sectionHeaderToggleIconActive};