IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Client:Fix className.

Browse Source
This commit is contained in:
Vlada Gazizova 2022-11-22 16:50:14 +03:00
parent 4cbe007ac4
commit 7521af5c24
4 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/client/src/pages/PortalSettings/categories/common/Appearance/StyledApperance.js
View File

@ -14,7 +14,7 @@ const StyledComponent = styled.div`
padding-bottom: 20px;
}
.theme-standard {
.theme-standard-container {
padding-top: 21px;
}
@ -29,7 +29,7 @@ const StyledComponent = styled.div`
display: flex;
}
.custom {
.flex {
display: flex;
}
@ -67,10 +67,6 @@ const StyledComponent = styled.div`
fill: ${(props) => props.colorCheckImg};
}
}
.show-custom-functional {
/* display: none; */
}
`;
const StyledTheme = styled.div`

2
packages/client/src/pages/PortalSettings/categories/common/Appearance/StyledPreview.js
View File

@ -233,7 +233,7 @@ const StyledComponent = styled.div`
border-radius: 12px 0 16px 0 !important;
}
.half {
.only-tile-name {
width: ${(props) => props.isViewTablet && "66%"};
border-top-width: 1px;
border-right-width: 1px;

4
packages/client/src/pages/PortalSettings/categories/common/Appearance/preview.js
View File

@ -336,7 +336,7 @@ const Preview = (props) => {
</div>
<div className="section-flex-tablet">
<div className="tile-name half background border-color">
<div className="tile-name only-tile-name background border-color">
<div className="tile-container">
<div className="tile-icon">
<Loaders.Rectangle
@ -379,7 +379,7 @@ const Preview = (props) => {
</div>
{isViewTablet && (
<div className="tile-name half background border-color tablet-tile-name">
<div className="tile-name only-tile-name background border-color tablet-tile-name">
<div className="tile-container">
<div className="tile-icon">
<Loaders.Rectangle

12
packages/client/src/pages/PortalSettings/categories/common/appearance.js
View File

@ -570,10 +570,10 @@ const Appearance = (props) => {
<StyledComponent colorCheckImg={colorCheckImg}>
<div className="header">{t("Common:Color")}</div>
<div className="theme-standard">
<div className="theme-standard-container">
<div className="theme-name">{t("Common:Standard")}</div>
<div className="theme-container standard">
<div className="theme-container">
{appearanceTheme.map((item, index) => {
if (!item.name) return;
return (
@ -594,11 +594,11 @@ const Appearance = (props) => {
</div>
</div>
<div className="theme-custom show-custom-functional">
<div className="theme-custom-container">
<div className="theme-name">{t("Settings:Custom")}</div>
<div className="theme-container">
<div className="custom">
<div className="flex">
{appearanceTheme.map((item, index) => {
if (item.name) return;
return (
@ -667,7 +667,7 @@ const Appearance = (props) => {
/>
<Button
className="button show-custom-functional"
className="button"
label={t("Settings:EditCurrentTheme")}
onClick={onClickEdit}
size="small"
@ -675,7 +675,7 @@ const Appearance = (props) => {
/>
{isShowDeleteButton && (
<Button
className="button show-custom-functional"
className="button"
label={t("Settings:DeleteTheme")}
onClick={() => setVisibleDialog(true)}
size="small"