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; height: 70px;
border: 1px solid $grey-medium; 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 { &:focus {
~ .fake-placeholder { ~ .fake-placeholder {
transform: translateY(-35px); 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 LogOutButton from "@Front/Components/DesignSystem/LogOutButton";
import Module from "@Front/Config/Module";
import React from "react"; import React from "react";
import NavigationLink from "../../NavigationLink"; import NavigationLink from "../../NavigationLink";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import Module from "@Front/Config/Module";
type IProps = { type IProps = {
isOpen: boolean; 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["background"]} onClick={this.props.closeModal} />
<div className={classes["root"]}> <div className={classes["root"]}>
<NavigationLink path={Module.getInstance().get().modules.pages.Folder.props.path} text="Dossiers en cours" /> <NavigationLink
<NavigationLink text="Dossiers archivés" /> 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"]} /> <div className={classes["separator"]} />
<LogOutButton /> <LogOutButton />
</div> </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 // TODO: Message if the user has not created any folder yet
public override render(): JSX.Element { public override render(): JSX.Element {
return ( 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["root"]}>
<div className={classes["no-folder-selected"]}> <div className={classes["no-folder-selected"]}>
<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography> <Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>