Web:Client:Fix styles.
This commit is contained in:
parent
9b02aab2d7
commit
e61b23141a
@ -36,7 +36,7 @@ export const StyledCategoryWrapper = styled.div`
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 8px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
@ -126,4 +126,29 @@ export const StyledBruteForceProtection = styled.div`
|
|||||||
.mobile-description {
|
.mobile-description {
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.description {
|
||||||
|
max-width: 700px;
|
||||||
|
padding-bottom: 19px;
|
||||||
|
|
||||||
|
.page-subtitle {
|
||||||
|
line-height: 20px;
|
||||||
|
color: ${(props) =>
|
||||||
|
props.theme.client.settings.security.descriptionColor};
|
||||||
|
padding-bottom: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.link {
|
||||||
|
line-height: 15px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: ${(props) =>
|
||||||
|
props.theme.client.settings.security.descriptionColor};
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
`;
|
`;
|
||||||
|
@ -128,19 +128,9 @@ const AccessPortal = (props) => {
|
|||||||
|
|
||||||
<StyledSettingsSeparator />
|
<StyledSettingsSeparator />
|
||||||
<CategoryWrapper
|
<CategoryWrapper
|
||||||
|
notTooltip={true}
|
||||||
t={t}
|
t={t}
|
||||||
title="Brute Force Protection"
|
title={t("BruteForceProtection")}
|
||||||
tooltipTitle={
|
|
||||||
<Trans
|
|
||||||
i18nKey="SessionLifetimeDescription"
|
|
||||||
ns="Settings"
|
|
||||||
t={t}
|
|
||||||
components={{
|
|
||||||
1: <strong></strong>,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
}
|
|
||||||
classNameTooltip="brute-force-protection"
|
|
||||||
/>
|
/>
|
||||||
<BruteForceProtectionSection />
|
<BruteForceProtectionSection />
|
||||||
|
|
||||||
|
@ -7,7 +7,15 @@ import { Base } from "@docspace/components/themes";
|
|||||||
import { StyledCategoryWrapper, StyledTooltip } from "../StyledSecurity";
|
import { StyledCategoryWrapper, StyledTooltip } from "../StyledSecurity";
|
||||||
|
|
||||||
const CategoryWrapper = (props) => {
|
const CategoryWrapper = (props) => {
|
||||||
const { t, title, tooltipTitle, tooltipUrl, theme, classNameTooltip } = props;
|
const {
|
||||||
|
t,
|
||||||
|
title,
|
||||||
|
tooltipTitle,
|
||||||
|
tooltipUrl,
|
||||||
|
theme,
|
||||||
|
classNameTooltip,
|
||||||
|
notTooltip,
|
||||||
|
} = props;
|
||||||
|
|
||||||
const tooltip = () => (
|
const tooltip = () => (
|
||||||
<StyledTooltip>
|
<StyledTooltip>
|
||||||
@ -34,15 +42,17 @@ const CategoryWrapper = (props) => {
|
|||||||
<Text fontSize="16px" fontWeight="700">
|
<Text fontSize="16px" fontWeight="700">
|
||||||
{title}
|
{title}
|
||||||
</Text>
|
</Text>
|
||||||
<HelpButton
|
{!notTooltip && (
|
||||||
className={classNameTooltip}
|
<HelpButton
|
||||||
iconName={InfoReactSvgUrl}
|
className={classNameTooltip}
|
||||||
displayType="dropdown"
|
iconName={InfoReactSvgUrl}
|
||||||
place="right"
|
displayType="dropdown"
|
||||||
offsetRight={0}
|
place="right"
|
||||||
getContent={tooltip}
|
offsetRight={0}
|
||||||
tooltipColor={theme.client.settings.security.owner.tooltipColor}
|
getContent={tooltip}
|
||||||
/>
|
tooltipColor={theme.client.settings.security.owner.tooltipColor}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
</StyledCategoryWrapper>
|
</StyledCategoryWrapper>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user