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

🐛 Folder archived working on mobile

Browse Source
This commit is contained in:
Maxime Lalo 2023-04-27 11:07:10 +02:00
parent 1b8b96cd1b
commit 88be309c10
3 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/front/Components/DesignSystem/Form/Elements/InputField/classes.module.scss
View File

@ -25,6 +25,15 @@
height: 70px;
border: 1px solid $grey-medium;
&:disabled {
~ .fake-placeholder {
/**
TODO
* 1. Add styles so the placeholder has the same color as the background when disabled
*/
background: transparent;
}
}
&:focus {
~ .fake-placeholder {
transform: translateY(-35px);

14
src/front/Components/DesignSystem/Header/BurgerMenu/BurgerModal/index.tsx
View File

@ -1,9 +1,9 @@
import LogOutButton from "@Front/Components/DesignSystem/LogOutButton";
import Module from "@Front/Config/Module";
import React from "react";
import NavigationLink from "../../NavigationLink";
import classes from "./classes.module.scss";
import Module from "@Front/Config/Module";
type IProps = {
isOpen: boolean;
@ -19,8 +19,16 @@ export default class BurgerModal extends React.Component<IProps, IState> {
<>
<div className={classes["background"]} onClick={this.props.closeModal} />
<div className={classes["root"]}>
<NavigationLink path={Module.getInstance().get().modules.pages.Folder.props.path} text="Dossiers en cours" />
<NavigationLink text="Dossiers archivés" />
<NavigationLink
path={Module.getInstance().get().modules.pages.Folder.props.path}
text="Dossiers en cours"
routesActive={[Module.getInstance().get().modules.pages.Folder.pages.FolderInformation.props.path]}
/>
<NavigationLink
path={Module.getInstance().get().modules.pages.Folder.pages.FolderArchived.props.path}
text="Dossiers archivés"
routesActive={[Module.getInstance().get().modules.pages.Folder.pages.FolderArchived.props.path]}
/>
<div className={classes["separator"]} />
<LogOutButton />
</div>

2
src/front/Components/Layouts/FolderArchived/index.tsx
View File

@ -21,7 +21,7 @@ export default class Folder extends BasePage<IProps, IState> {
// TODO: Message if the user has not created any folder yet
public override render(): JSX.Element {
return (
<DefaultNotaryDashboard title={"Dossier"} onSelectedFolder={this.onSelectedFolder} isArchived>
<DefaultNotaryDashboard title={"Dossier"} onSelectedFolder={this.onSelectedFolder} isArchived mobileBackText={"Liste des dossiers"}>
<div className={classes["root"]}>
<div className={classes["no-folder-selected"]}>
<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>