Web:Client:Fix styles.

This commit is contained in:
gazizova-vlada 2023-08-30 18:23:17 +03:00
parent 9b02aab2d7
commit e61b23141a
3 changed files with 48 additions and 23 deletions

View File

@ -36,7 +36,7 @@ export const StyledCategoryWrapper = styled.div`
display: flex;
flex-direction: row;
gap: 4px;
margin-bottom: 16px;
margin-bottom: 8px;
align-items: center;
`;
@ -126,4 +126,29 @@ export const StyledBruteForceProtection = styled.div`
.mobile-description {
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;
}
}
`;

View File

@ -128,19 +128,9 @@ const AccessPortal = (props) => {
<StyledSettingsSeparator />
<CategoryWrapper
notTooltip={true}
t={t}
title="Brute Force Protection"
tooltipTitle={
<Trans
i18nKey="SessionLifetimeDescription"
ns="Settings"
t={t}
components={{
1: <strong></strong>,
}}
/>
}
classNameTooltip="brute-force-protection"
title={t("BruteForceProtection")}
/>
<BruteForceProtectionSection />

View File

@ -7,7 +7,15 @@ import { Base } from "@docspace/components/themes";
import { StyledCategoryWrapper, StyledTooltip } from "../StyledSecurity";
const CategoryWrapper = (props) => {
const { t, title, tooltipTitle, tooltipUrl, theme, classNameTooltip } = props;
const {
t,
title,
tooltipTitle,
tooltipUrl,
theme,
classNameTooltip,
notTooltip,
} = props;
const tooltip = () => (
<StyledTooltip>
@ -34,15 +42,17 @@ const CategoryWrapper = (props) => {
<Text fontSize="16px" fontWeight="700">
{title}
</Text>
<HelpButton
className={classNameTooltip}
iconName={InfoReactSvgUrl}
displayType="dropdown"
place="right"
offsetRight={0}
getContent={tooltip}
tooltipColor={theme.client.settings.security.owner.tooltipColor}
/>
{!notTooltip && (
<HelpButton
className={classNameTooltip}
iconName={InfoReactSvgUrl}
displayType="dropdown"
place="right"
offsetRight={0}
getContent={tooltip}
tooltipColor={theme.client.settings.security.owner.tooltipColor}
/>
)}
</StyledCategoryWrapper>
);
};