bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

form modif operation

Browse Source
This commit is contained in:
ouidade
2023-11-30 15:08:53 +01:00
parent 7c004433f7
commit a761ead516
3 changed files with 261 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/css/reha.css
+32 -9
View File
@@ -823,7 +823,7 @@ input {
background-color: #fdc300; } background-color: #fdc300; }
#block-reha-contenudelapageprincipale .node-operation-form { #block-reha-contenudelapageprincipale .node-operation-form {
width: 70%; } width: 45%; }
#block-reha-contenudelapageprincipale .node-operation-form #edit-title-wrapper input { #block-reha-contenudelapageprincipale .node-operation-form #edit-title-wrapper input {
width: 100%; } width: 100%; }
#block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper { #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper {
@@ -930,7 +930,9 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
width: 70%; } width: 70%; }
#block-reha-contenudelapageprincipale #node-operation-edit-form { #block-reha-contenudelapageprincipale #node-operation-edit-form {
width: 70%; } width: 45%; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-title-wrapper input {
width: 100%; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper { #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper {
background-color: rgba(153, 147, 174, 0) !important; background-color: rgba(153, 147, 174, 0) !important;
border: none; border: none;
@@ -956,12 +958,16 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
display: flex; } display: flex; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper #edit-field-dossier-de-candidature-0--label::after { #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper #edit-field-dossier-de-candidature-0--label::after {
content: url(../images/noun-information-55404.svg); content: url(../images/noun-information-55404.svg);
padding-left: 1rem; } padding-left: 1rem;
cursor: pointer; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .description { #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .description {
text-transform: lowercase; text-transform: lowercase;
order: 2; order: 2;
font-style: italic; } font-style: italic;
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper #edit-field-dossier-de-candidature-0--description { width: 100%; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper #edit-field-dossier-de-candidature-0--description > br:first-of-type {
display: none; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper #edit-field-dossier-de-candidature-0--description > ul.main {
display: none; } display: none; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file { #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file {
order: 3; order: 3;
@@ -973,16 +979,21 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin-bottom: 1rem; margin-bottom: 1rem;
margin-top: 1rem; } margin-top: 1rem; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-commentaire-0-value { #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-commentaire-0-value {
width: 80%; } width: 100%; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-adresse-0 summary { #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-adresse-0-address input {
display: none; } width: 100%; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-adresse-0-address-container2 { #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-adresse-0-address-container2 {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
width: 100%;
margin-right: 0;
justify-content: space-between; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-adresse-0-address-container2 input {
width: 100%; } width: 100%; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-adresse-0-address-container2 .form-item { #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-adresse-0-address-container2 .form-item {
display: flex; display: flex;
flex-direction: row; } flex-direction: column;
margin-right: 0; }
#block-reha-contenudelapageprincipale #node-operation-edit-form .form-item { #block-reha-contenudelapageprincipale #node-operation-edit-form .form-item {
display: flex; display: flex;
flex-direction: column; } flex-direction: column; }
@@ -1002,3 +1013,15 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block form#node-operation-edit-form.node-operation-edit-form.node-form div.js-form-item.form-item.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label { html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block form#node-operation-edit-form.node-operation-edit-form.node-form div.js-form-item.form-item.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label {
display: none; } display: none; }
#edit-field-dossier-de-candidature-0--description {
text-transform: none !important; }
#edit-field-dossier-de-candidature-0--description .depth1 {
font-weight: 800; }
#edit-field-dossier-de-candidature-0--description .depth2 {
font-weight: 400; }
#edit-field-dossier-de-candidature-0--description .depth3 {
text-decoration: none !important; }
html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block form#node-operation-edit-form.node-operation-edit-form.node-form div.js-form-item.form-item.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label {
display: none; }
web/themes/custom/reha/scss/pages/_modifier-une-operation.scss
+160 -19
View File
@@ -1,7 +1,123 @@
#block-reha-contenudelapageprincipale{ #block-reha-contenudelapageprincipale{
#node-operation-edit-form{ // #node-operation-edit-form{
width: 70%; // width: 45%;
// #edit-field-fiche-candidature-wrapper{
// background-color: rgba(153, 147, 174, 0) !important;
// border: none;
// padding: 0;
// label{
// order: 1;
// font-weight: 800;
// }
// .description{
// text-transform: lowercase;
// order: 2;
// font-style: italic;
// // font-weight: 800;
// }
// .form-managed-file{
// // background-color: white;
// @extend %buttonwithborder;
// order: 3;
// margin-top: 1rem;
// }
// }
// #edit-field-dossier-de-candidature-wrapper{
// background-color: rgba(153, 147, 174, 0) !important;
// border: none;
// padding: 0;
// margin-top: 1rem;
// // width: 40%;
// label{
// order: 1;
// font-weight: 800;
// display: flex;
// // align-items: center;
// }
// #edit-field-dossier-de-candidature-0--label::after{
// content: url(../images/noun-information-55404.svg);
// padding-left: 1rem;
// }
// .description{
// text-transform: lowercase;
// order: 2;
// font-style: italic;
// // font-weight: 800;
// }
// #edit-field-dossier-de-candidature-0--description{
// display: none;
// }
// .form-managed-file{
// // background-color: white;
// @extend %buttonwithborder;
// order: 3;
// margin-top: 1rem;
// text-transform: lowercase;
// }
// }
// label{
// font-weight: 800;
// }
// .form-wrapper{
// margin-bottom: 1rem;
// margin-top: 1rem;
// }
// #edit-field-commentaire-0-value{
// width: 80%;
// }
// #edit-field-adresse-0{
// summary{
// display: none;
// }
// }
// #edit-field-adresse-0-address-container2{
// display: flex;
// flex-direction: row;
// width: 100%;
// .form-item{
// display: flex;
// flex-direction: row;
// }
// }
// .form-item{
// display: flex;
// flex-direction: column;
// }
// #edit-field-commentaire-wrapper{
// margin-bottom: 2rem;
// }
// .counter{
// font-style: italic;
// }
// }
// .form-managed-file{
// text-transform: lowercase;
// }
// .file--application-pdf{
// text-transform: lowercase;
// }
// .messages--error{
// text-transform: lowercase;
// }
// }
#node-operation-edit-form{
width: 45%;
#edit-title-wrapper{
input{
width: 100%;
}
}
#edit-field-fiche-candidature-wrapper{ #edit-field-fiche-candidature-wrapper{
background-color: rgba(153, 147, 174, 0) !important; background-color: rgba(153, 147, 174, 0) !important;
border: none; border: none;
@@ -40,15 +156,19 @@
#edit-field-dossier-de-candidature-0--label::after{ #edit-field-dossier-de-candidature-0--label::after{
content: url(../images/noun-information-55404.svg); content: url(../images/noun-information-55404.svg);
padding-left: 1rem; padding-left: 1rem;
cursor:pointer
} }
.description{ .description{
text-transform: lowercase; text-transform: lowercase;
order: 2; order: 2;
font-style: italic; font-style: italic;
// font-weight: 800; width: 100%;
} }
#edit-field-dossier-de-candidature-0--description{ #edit-field-dossier-de-candidature-0--description>br:first-of-type{
display: none;
}
#edit-field-dossier-de-candidature-0--description>ul.main{
display: none; display: none;
} }
@@ -70,21 +190,26 @@
margin-top: 1rem; margin-top: 1rem;
} }
#edit-field-commentaire-0-value{ #edit-field-commentaire-0-value{
width: 80%; width: 100%;
} }
#edit-field-adresse-0{ #edit-field-adresse-0-address{
summary{ input{
display: none; width: 100%;
} }
} }
#edit-field-adresse-0-address-container2{ #edit-field-adresse-0-address-container2{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
width: 100%; width: 100%;
margin-right: 0;
justify-content:space-between;
input{
width: 100%;
}
.form-item{ .form-item{
display: flex; display: flex;
flex-direction: row; flex-direction: column;
margin-right: 0;
} }
} }
.form-item{ .form-item{
@@ -93,21 +218,37 @@
} }
#edit-field-commentaire-wrapper{ #edit-field-commentaire-wrapper{
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.counter{ .counter{
font-style: italic; font-style: italic;
} }
} }
.form-managed-file{
.form-managed-file{
text-transform: lowercase;
}
.file--application-pdf{
text-transform: lowercase; text-transform: lowercase;
} }
.file--application-pdf{ .messages--error{
text-transform: lowercase; text-transform: lowercase;
} }
.messages--error{ }
text-transform: lowercase; html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block form#node-operation-edit-form.node-operation-edit-form.node-form div.js-form-item.form-item.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label{
} display: none;
}
#edit-field-dossier-de-candidature-0--description{
text-transform: none !important;
.depth1{
font-weight: 800;
}
.depth2{
font-weight: 400;
// text-decoration: underline;
}
.depth3{
text-decoration: none !important;
}
} }
html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block form#node-operation-edit-form.node-operation-edit-form.node-form div.js-form-item.form-item.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label{ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block form#node-operation-edit-form.node-operation-edit-form.node-form div.js-form-item.form-item.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label{
display: none; display: none;
web/themes/custom/reha/scss/pages/_proposer-une-operation.scss
+1 -1
View File
@@ -1,7 +1,7 @@
#block-reha-contenudelapageprincipale{ #block-reha-contenudelapageprincipale{
.node-operation-form{ .node-operation-form{
width: 70%; width: 45%;
#edit-title-wrapper{ #edit-title-wrapper{
input{ input{