premiere modif front
This commit is contained in:
parent
f4249dc42e
commit
157b64d075
39 changed files with 1721 additions and 97 deletions
|
|
@ -1,4 +1,41 @@
|
|||
@import "login/globalLogin.css";
|
||||
@import "menu/menuGlobal.css";
|
||||
@import "leftMenu/leftMenuGlobal.css";
|
||||
@import "view/global.css";
|
||||
|
||||
.separator{
|
||||
height: 2px;
|
||||
background-color: rgba(0, 0, 0, 0.2) !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.squelette-composant-contentAll{
|
||||
width: 100%!important;
|
||||
height: 100%;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.squelette-component-content{
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
background-color: whitesmoke;
|
||||
}
|
||||
|
||||
.squelette-component-horizontal{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.squelette-component-infoPage{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
}
|
||||
.footer-button{
|
||||
background: transparent;
|
||||
cursor: pointer;
|
||||
font-size: 0.8vw;
|
||||
}
|
||||
|
||||
|
||||
.grid-perso {
|
||||
height: 800px !important;
|
||||
}
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
.datepicker-perso-icon{
|
||||
color: #a5a5a5;
|
||||
margin-top: 18px;
|
||||
}
|
||||
.content-icon{
|
||||
background-color: grey;
|
||||
height: 40px;
|
||||
border-radius: 3px;
|
||||
margin-top: 35px;
|
||||
padding: 6px !important;
|
||||
}
|
||||
.vaadin-date-picker-container.style-scope.vaadin-date-picker >label {
|
||||
|
||||
margin-left: -35px;
|
||||
}
|
||||
.vaadin-date-picker-container.style-scope.vaadin-date-picker {
|
||||
width: 400px;
|
||||
|
||||
}
|
||||
vaadin-date-picker [part="input-field"]{
|
||||
width: 400px;
|
||||
}
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
.passwordField-perso-icon{
|
||||
color: #a5a5a5;
|
||||
margin-top: 18px;
|
||||
}
|
||||
.content-icon{
|
||||
background-color: grey;
|
||||
height: 40px;
|
||||
border-radius: 3px;
|
||||
margin-top: 35px;
|
||||
padding: 6px !important;
|
||||
width: 37px !important;
|
||||
}
|
||||
.horizontal-content{
|
||||
width: 90%;
|
||||
}
|
||||
.vaadin-text-field-container.style-scope.vaadin-password-field {
|
||||
width: 100%;
|
||||
}
|
||||
.vaadin-text-field-container.style-scope.vaadin-text-field {
|
||||
width: 100%;
|
||||
}
|
||||
.content-perso-field{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,73 @@
|
|||
.leftMenu-global-content{
|
||||
width: 19%!important;
|
||||
padding: 0px;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
box-shadow: 5px 4px 10px #A0A0A0A0;
|
||||
|
||||
}
|
||||
|
||||
.leftMenu-global-infoEntreprise{
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.leftMenu-global-button{
|
||||
background: transparent;
|
||||
width: 100%;
|
||||
font-size: 1vw;
|
||||
margin: 0px;
|
||||
height: 3vw;
|
||||
color: #32CBC5;
|
||||
border-radius: 0px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.leftMenu-global-button.active{
|
||||
border-left-color: rgb(50, 203, 187);
|
||||
border-left-style: solid;
|
||||
border-left-width: 0.2vw;
|
||||
background-color: whitesmoke;
|
||||
}
|
||||
|
||||
|
||||
.leftMenu-global-action{
|
||||
height: 100%;
|
||||
padding: 0px;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
.leftMenu-global-infoStructure-content{
|
||||
width: 100%!important;
|
||||
padding: 0px;
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.leftMenu-global-infoStrcutre-contentTitre{
|
||||
background-color: #DCDCDC;
|
||||
width: 100%!important;
|
||||
height: 4vw;
|
||||
margin: 0px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.leftMenu-global-inforStructure-titre{
|
||||
font-size: 1.5vw;
|
||||
font-weight: bold;
|
||||
color: rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
.leftMenu-global-inforStructure-logo{
|
||||
width: 6vw;
|
||||
}
|
||||
|
||||
.leftMenu-global-inforStructure-label{
|
||||
color: rgba(0,0,0,0.6);
|
||||
font-size: 0.9vw;
|
||||
}
|
||||
|
||||
.leftMenu-global-inforStructure-content-label{}
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
.login-application-title{
|
||||
color: #32CBBB;
|
||||
font-weight: bolder;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.login-application-forgotPassword{}
|
||||
|
||||
.login-application-connexion {
|
||||
font-family: var(--lumo-font-family);
|
||||
font-size: var(--lumo-font-size-m);
|
||||
font-weight: 500;
|
||||
color: white;
|
||||
background-color:#32cbcb ;
|
||||
border-radius: var(--lumo-border-radius);
|
||||
width: 100%;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
margin-top: 10%;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
}
|
||||
.login-application-connexion[disabled][disabled] {
|
||||
pointer-events: none;
|
||||
color: var(--lumo-disabled-text-color);
|
||||
background-color: gainsboro;
|
||||
|
||||
}
|
||||
|
||||
.login-application-layout{
|
||||
display: inline-block;
|
||||
box-shadow: 5px 4px 10px #A0A0A0A0;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
padding: 15px;
|
||||
border-radius: 5px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.login-application-layout-separation{}
|
||||
|
||||
.login-application-layout-formulaire{}
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
|
||||
.login-application-layout-FormulaireInfo {
|
||||
position: relative;
|
||||
background: #32CBBB;
|
||||
border: 4px solid #32CBBB;
|
||||
width: 50%!important;
|
||||
display: inline-grid;
|
||||
}
|
||||
.login-application-layout-FormulaireInfo:after, .arrow_box:before {
|
||||
right: 100%;
|
||||
top: 50%;
|
||||
border: solid transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.login-application-layout-FormulaireInfo:after {
|
||||
border-color: rgba(50, 203, 187, 0);
|
||||
border-right-color: #32CBBB;
|
||||
border-width: 30px;
|
||||
margin-top: -30px;
|
||||
}
|
||||
.login-application-layout-FormulaireInfo:before {
|
||||
border-color: rgba(50, 203, 187, 0);
|
||||
border-right-color: #32CBBB;
|
||||
border-width: 36px;
|
||||
margin-top: -36px;
|
||||
}
|
||||
|
||||
.login-application-layout-FormulaireInfo-Title{
|
||||
color: whitesmoke;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
margin-top: -30%;
|
||||
}
|
||||
|
||||
.login-application-layout-FormulaireInfo-Paragraphe{
|
||||
color: whitesmoke;
|
||||
margin-top: -30%;
|
||||
}
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
@import "formulaire.css";
|
||||
@import "formulaireInfoContent.css";
|
||||
@import "textInfo.css";
|
||||
@import "loginComponent.css";
|
||||
|
||||
.login-global{
|
||||
text-align: center;
|
||||
background-color: #F0F0F0;
|
||||
height: 76%!important;
|
||||
padding-top: 8%;
|
||||
}
|
||||
.global-layout{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
padding: 0 !important;
|
||||
background-color: #F0F0F0;
|
||||
}
|
||||
|
||||
|
||||
.footer-button .vaadin-button-container {
|
||||
text-decoration: underline!important;
|
||||
}
|
||||
|
||||
.footer-button :hover{
|
||||
background: transparent;
|
||||
}
|
||||
.login-global-content{}
|
||||
|
||||
.login-logoPresentation{
|
||||
width: 200px;
|
||||
}
|
||||
.content-image{
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding-top: 1%;
|
||||
padding-bottom: 1%;
|
||||
background-color: white;
|
||||
height: 12%;
|
||||
box-shadow: 0px 2px 10px #A0A0A0A0;
|
||||
}
|
||||
.content-image2{
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding-top: 1%;
|
||||
padding-bottom: 1%;
|
||||
background-color: white;
|
||||
height: 12%;
|
||||
box-shadow: 0px -2px 12px #A0A0A0A0;
|
||||
}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
.login-formulaire-globalLayout{
|
||||
text-align: center;
|
||||
margin-left: 14%;
|
||||
}
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
.login-layout-textInfo{
|
||||
width: 40%!important;
|
||||
margin-left: 10%;
|
||||
}
|
||||
|
||||
.login-title{
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.login-textInfo-layoutContent{}
|
||||
|
||||
.login-textInfo-button{}
|
||||
|
||||
.login-textInfo-paragraph{}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
@import "menuPrincipal.css";
|
||||
@import "menuSecondaire.css";
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
.menu-principal-menubar-content{
|
||||
height: 8%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
padding: 0px;
|
||||
box-shadow: 5px 4px 10px #A0A0A0A0;
|
||||
}
|
||||
|
||||
.menu-principal-logoPresentation{
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 0.4%;
|
||||
margin-bottom: 0.4%;
|
||||
width: 11vw;
|
||||
}
|
||||
.icon-menuPrincipal{
|
||||
color: rgba(0,0,0,0.60);
|
||||
}
|
||||
.hamburger{
|
||||
background-color: transparent;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
cursor: pointer;
|
||||
margin-left: 18px;
|
||||
font-size: 2vw;
|
||||
|
||||
}
|
||||
.menu-principal-button{
|
||||
background-color: transparent;
|
||||
cursor: pointer;
|
||||
height: 100%;
|
||||
border-radius: 0px;
|
||||
color: rgba(0,0,0,0.60);
|
||||
margin: 0px;
|
||||
font-size: 0.9vw;
|
||||
}
|
||||
|
||||
.menu-principal-button.active{
|
||||
border-bottom-color: rgb(50, 203, 187);
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 0.2vw;
|
||||
background-color: whitesmoke;
|
||||
}
|
||||
|
||||
.menu-principal-button-user{
|
||||
background-color: #32CBC3;
|
||||
cursor: pointer;
|
||||
height: 100%;
|
||||
border-radius: 0px;
|
||||
color: white;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
margin: 0px;
|
||||
width: 14%;
|
||||
font-size: 1.3vw;
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
.menu-secondaire-content{
|
||||
width: 100%;
|
||||
background-color: #32cbcb;
|
||||
box-shadow: 5px 4px 10px #A0A0A0A0;
|
||||
height: 7%;
|
||||
padding: 0;
|
||||
}
|
||||
.menu-secondaire-button{
|
||||
background-color: transparent;
|
||||
height: 100%;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-size: 1vw;
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
.creation-runtime-title{
|
||||
color: #32CBBB;
|
||||
font-weight: bolder;
|
||||
font-size: 1.5vw;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.creation-runtime-content{}
|
||||
|
|
@ -0,0 +1 @@
|
|||
@import "addRuntime.css";
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 208 KiB |
Loading…
Add table
editor.link_modal.header
Reference in a new issue