4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

🐛 Retour aux dossiers missing in folder information + wrong css

Browse Source
This commit is contained in:
Maxime Lalo 2023-04-26 11:20:37 +02:00
parent 235a3c607c
commit a5ea0b1e3c
3 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/front/Components/LayoutTemplates/DefaultNotaryDashboard/classes.module.scss
View File

@ -88,12 +88,13 @@
min-width: calc(100vw - 389px); min-width: calc(100vw - 389px);
padding: 64px 48px; padding: 64px 48px;
overflow-y: auto; overflow-y: auto;
@media (max-width: ($screen-m - 1px)) { @media (max-width: ($screen-m - 1px)) {
min-width: calc(100vw - 56px); min-width: calc(100vw - 56px);
} }
@media(max-width: $screen-s){ @media(max-width: $screen-s){
padding: 40px 16px 64px 16px;
flex: 1; flex: 1;
min-width: unset; min-width: unset;
} }
@ -102,6 +103,7 @@
display: none; display: none;
@media (max-width: $screen-s) { @media (max-width: $screen-s) {
display: block; display: block;
margin-bottom: 24px;
} }
} }

30
src/front/Components/LayoutTemplates/DefaultNotaryDashboard/index.tsx
View File

@ -84,21 +84,21 @@ export default class DefaultNotaryDashboard extends React.Component<IProps, ISta
<div className={classes["right-side"]}> <div className={classes["right-side"]}>
{this.props.hasBackArrow && ( {this.props.hasBackArrow && (
<> <div className={classes["back-arrow-desktop"]}>
<div className={classes["back-arrow-desktop"]}> <BackArrow url={this.props.backArrowUrl ?? ""} />
<BackArrow url={this.props.backArrowUrl ?? ""} /> </div>
</div> )}
<div className={classes["back-arrow-mobile"]}> {this.props.mobileBackText && (
<Button <div className={classes["back-arrow-mobile"]}>
icon={ChevronIcon} <Button
iconposition={"left"} icon={ChevronIcon}
iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} iconposition={"left"}
variant={EButtonVariant.LINE} iconstyle={{ transform: "rotate(180deg)", width: "22px", height: "22px" }}
onClick={this.onOpenLeftSide}> variant={EButtonVariant.LINE}
{this.props.mobileBackText ?? "Retour"} onClick={this.onOpenLeftSide}>
</Button> {this.props.mobileBackText ?? "Retour"}
</div> </Button>
</> </div>
)} )}
{this.props.children} {this.props.children}
</div> </div>

2
src/front/Components/Layouts/Folder/FolderInformation/index.tsx
View File

@ -46,7 +46,7 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
.get() .get()
.modules.pages.Folder.pages.EditCollaborators.props.path.replace("[folderUid]", this.props.selectedFolderUid); .modules.pages.Folder.pages.EditCollaborators.props.path.replace("[folderUid]", this.props.selectedFolderUid);
return ( return (
<DefaultNotaryDashboard title={"Dossier"} onSelectedFolder={this.onSelectedFolder} isArchived={false}> <DefaultNotaryDashboard title={"Dossier"} onSelectedFolder={this.onSelectedFolder} isArchived={false} mobileBackText="Retour aux dossiers">
<div className={classes["root"]}> <div className={classes["root"]}>
{this.state.selectedFolder ? ( {this.state.selectedFolder ? (
<div className={classes["folder-informations"]}> <div className={classes["folder-informations"]}>