Web:People:ProfileAction: add support dark-theme for link in tooltip
This commit is contained in:
parent
98e4233a2d
commit
47527c3430
@ -866,7 +866,7 @@ const Base = {
|
|||||||
padding: "16px",
|
padding: "16px",
|
||||||
pointerEvents: "auto",
|
pointerEvents: "auto",
|
||||||
maxWidth: "340px",
|
maxWidth: "340px",
|
||||||
color: lightCumulus,
|
color: "#F8F7BF",
|
||||||
textColor: black,
|
textColor: black,
|
||||||
|
|
||||||
before: {
|
before: {
|
||||||
@ -1908,6 +1908,11 @@ const Base = {
|
|||||||
iconColor: "#C96C27",
|
iconColor: "#C96C27",
|
||||||
},
|
},
|
||||||
|
|
||||||
|
updateUserForm: {
|
||||||
|
tooltipTextColor: black,
|
||||||
|
borderTop: "1px solid #eceef1",
|
||||||
|
},
|
||||||
|
|
||||||
tableContainer: {
|
tableContainer: {
|
||||||
borderRight: `2px solid ${grayMid}`,
|
borderRight: `2px solid ${grayMid}`,
|
||||||
hoverBorderColor: grayMain,
|
hoverBorderColor: grayMain,
|
||||||
|
@ -1910,6 +1910,11 @@ const Dark = {
|
|||||||
iconColor: "#C96C27",
|
iconColor: "#C96C27",
|
||||||
},
|
},
|
||||||
|
|
||||||
|
updateUserForm: {
|
||||||
|
tooltipTextColor: black,
|
||||||
|
borderTop: "none",
|
||||||
|
},
|
||||||
|
|
||||||
tableContainer: {
|
tableContainer: {
|
||||||
borderRight: "2px solid #474747",
|
borderRight: "2px solid #474747",
|
||||||
hoverBorderColor: "#474747",
|
hoverBorderColor: "#474747",
|
||||||
|
@ -50,6 +50,7 @@ import {
|
|||||||
import config from "../../../../../package.json";
|
import config from "../../../../../package.json";
|
||||||
import { combineUrl } from "@appserver/common/utils";
|
import { combineUrl } from "@appserver/common/utils";
|
||||||
import { AppServerConfig } from "@appserver/common/constants";
|
import { AppServerConfig } from "@appserver/common/constants";
|
||||||
|
import { Base } from "@appserver/components/themes";
|
||||||
|
|
||||||
const dialogsDataset = {
|
const dialogsDataset = {
|
||||||
changeEmail: "changeEmail",
|
changeEmail: "changeEmail",
|
||||||
@ -64,9 +65,11 @@ const Table = styled.table`
|
|||||||
|
|
||||||
const Th = styled.th`
|
const Th = styled.th`
|
||||||
padding: 11px 0 10px 0px;
|
padding: 11px 0 10px 0px;
|
||||||
border-top: 1px solid #eceef1;
|
border-top: ${(props) => props.theme.updateUserForm.borderTop};
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
Th.defaultProps = { theme: Base };
|
||||||
|
|
||||||
const Td = styled.td``;
|
const Td = styled.td``;
|
||||||
|
|
||||||
class UpdateUserForm extends React.Component {
|
class UpdateUserForm extends React.Component {
|
||||||
@ -626,6 +629,7 @@ class UpdateUserForm extends React.Component {
|
|||||||
language,
|
language,
|
||||||
personal,
|
personal,
|
||||||
isTabletView,
|
isTabletView,
|
||||||
|
theme,
|
||||||
} = this.props;
|
} = this.props;
|
||||||
const {
|
const {
|
||||||
guestCaption,
|
guestCaption,
|
||||||
@ -644,11 +648,19 @@ class UpdateUserForm extends React.Component {
|
|||||||
//TODO: inject guestsCaption in 'ProfileTypePopupHelper' key instead of hardcoded 'Guests'
|
//TODO: inject guestsCaption in 'ProfileTypePopupHelper' key instead of hardcoded 'Guests'
|
||||||
const tooltipTypeContent = (
|
const tooltipTypeContent = (
|
||||||
<>
|
<>
|
||||||
<Text style={{ paddingBottom: 17 }} fontSize="13px">
|
<Text
|
||||||
|
style={{ paddingBottom: 17 }}
|
||||||
|
color={theme.updateUserForm.tooltipTextColor}
|
||||||
|
fontSize="13px"
|
||||||
|
>
|
||||||
{t("ProfileTypePopupHelper")}
|
{t("ProfileTypePopupHelper")}
|
||||||
</Text>
|
</Text>
|
||||||
|
|
||||||
<Text fontSize="12px" as="div">
|
<Text
|
||||||
|
color={theme.updateUserForm.tooltipTextColor}
|
||||||
|
fontSize="12px"
|
||||||
|
as="div"
|
||||||
|
>
|
||||||
<Table>
|
<Table>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
@ -771,7 +783,11 @@ class UpdateUserForm extends React.Component {
|
|||||||
buttonTabIndex={1}
|
buttonTabIndex={1}
|
||||||
helpButtonHeaderContent={t("Common:Mail")}
|
helpButtonHeaderContent={t("Common:Mail")}
|
||||||
tooltipContent={
|
tooltipContent={
|
||||||
<Text fontSize="13px" as="div">
|
<Text
|
||||||
|
color={theme.updateUserForm.tooltipTextColor}
|
||||||
|
fontSize="13px"
|
||||||
|
as="div"
|
||||||
|
>
|
||||||
<Trans t={t} i18nKey="EmailPopupHelper" ns="ProfileAction">
|
<Trans t={t} i18nKey="EmailPopupHelper" ns="ProfileAction">
|
||||||
The main e-mail is needed to restore access to the portal in
|
The main e-mail is needed to restore access to the portal in
|
||||||
case of loss of the password and send notifications.
|
case of loss of the password and send notifications.
|
||||||
@ -1041,6 +1057,7 @@ class UpdateUserForm extends React.Component {
|
|||||||
|
|
||||||
export default withRouter(
|
export default withRouter(
|
||||||
inject(({ auth, peopleStore }) => ({
|
inject(({ auth, peopleStore }) => ({
|
||||||
|
theme: auth.settingsStore.theme,
|
||||||
customNames: auth.settingsStore.customNames,
|
customNames: auth.settingsStore.customNames,
|
||||||
isAdmin: auth.isAdmin,
|
isAdmin: auth.isAdmin,
|
||||||
language: auth.language,
|
language: auth.language,
|
||||||
|
Loading…
Reference in New Issue
Block a user