Web:Common:Components:ColorTheme:styled:infoPanelToggle Changed the logic of showing the accent color
This commit is contained in:
parent
ac83de246d
commit
204e8819f7
@ -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 {
|
||||
|
@ -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};
|
||||
|
Loading…
Reference in New Issue
Block a user