premiere modif front

This commit is contained in:
guillaume 2019-01-23 10:39:13 +01:00
commit 157b64d075
39 changed files with 1721 additions and 97 deletions

View file

@ -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;
}

View file

@ -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;
}

View file

@ -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%;
}

View file

@ -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{}

View file

@ -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{}

View file

@ -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%;
}

View file

@ -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;
}

View file

@ -0,0 +1,4 @@
.login-formulaire-globalLayout{
text-align: center;
margin-left: 14%;
}

View file

@ -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{}

View file

@ -0,0 +1,2 @@
@import "menuPrincipal.css";
@import "menuSecondaire.css";

View file

@ -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;
}

View file

@ -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;
}

View file

@ -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{}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 208 KiB