Web:Components:PasswordInput: fixed text color for tooltip in dark theme

2022-01-27 21:01:39 +08:00 · 2022-01-27 21:01:39 +08:00 · 64d90c5d5d
commit 64d90c5d5d
parent f62a69a957
3 changed files with 7 additions and 0 deletions
--- a/packages/asc-web-components/password-input/styled-password-input.js
+++ b/packages/asc-web-components/password-input/styled-password-input.js
@ -161,8 +161,11 @@ const TooltipStyle = styled.div`

 const StyledTooltipContainer = styled(Text)`
  //margin: 8px 16px 16px 16px;
+  color: ${(props) => props.theme.passwordInput.tooltipTextColor} !important;
 `;

+StyledTooltipContainer.defaultProps = { theme: Base };
+
 const StyledTooltipItem = styled(Text)`
  margin-left: 8px;
  height: 24px;
--- a/packages/asc-web-components/themes/base.js
+++ b/packages/asc-web-components/themes/base.js
@ -696,6 +696,8 @@ const Base = {

    lineHeight: "32px",

+    tooltipTextColor: black,
+
    text: {
      lineHeight: "14px",
      marginTop: "-2px",
--- a/packages/asc-web-components/themes/dark.js
+++ b/packages/asc-web-components/themes/dark.js
@ -686,6 +686,8 @@ const Dark = {
    color: "#858585",
    disableColor: "#858585",

+    tooltipTextColor: black,
+
    iconColor: "#646464",
    hoverIconColor: "#858585",