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

css node-operation-edit-form

Browse Source
This commit is contained in:
ouidade
2023-11-29 21:32:48 +01:00
parent 4768a584eb
commit ee7436131a
4 changed files with 203 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/css/reha.css
+92 -20
View File
@@ -2,7 +2,7 @@
/*reha*/
/*global*/
/* Colors used for REHA */
.field--type-link, .field--type-file, .links, .views-field-edit-node, .views-field-edit-user, .form-submit, #edit-field-telephone-0-phone, .layout-sidebar-first #block-reha-phase1 footer, #block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file {
.field--type-link, .field--type-file, .links, .views-field-edit-node, .views-field-edit-user, .form-submit, #edit-field-telephone-0-phone, .layout-sidebar-first #block-reha-phase1 footer, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file {
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
@@ -667,64 +667,64 @@ input {
.mes-operations div.views-element-container div footer:hover {
background-color: #fdc300; }
#block-reha-contenudelapageprincipale #node-operation-form {
#block-reha-contenudelapageprincipale .node-operation-form {
width: 70%; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper {
#block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper {
background-color: rgba(153, 147, 174, 0) !important;
border: none;
padding: 0; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper label {
#block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper label {
order: 1;
font-weight: 800; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper .description {
#block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .description {
text-transform: lowercase;
order: 2;
font-style: italic; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file {
#block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file {
order: 3;
margin-top: 1rem; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-dossier-de-candidature-wrapper {
#block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper {
background-color: rgba(153, 147, 174, 0) !important;
border: none;
padding: 0;
margin-top: 1rem; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-dossier-de-candidature-wrapper label {
#block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper label {
order: 1;
font-weight: 800;
display: flex; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-dossier-de-candidature-wrapper #edit-field-dossier-de-candidature-0--label::after {
#block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper #edit-field-dossier-de-candidature-0--label::after {
content: url(../images/noun-information-55404.svg);
padding-left: 1rem; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-dossier-de-candidature-wrapper .description {
#block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .description {
text-transform: lowercase;
order: 2;
font-style: italic; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-dossier-de-candidature-wrapper #edit-field-dossier-de-candidature-0--description {
#block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper #edit-field-dossier-de-candidature-0--description {
display: none; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file {
#block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file {
order: 3;
margin-top: 1rem;
text-transform: lowercase; }
#block-reha-contenudelapageprincipale #node-operation-form label {
#block-reha-contenudelapageprincipale .node-operation-form label {
font-weight: 800; }
#block-reha-contenudelapageprincipale #node-operation-form .form-wrapper {
#block-reha-contenudelapageprincipale .node-operation-form .form-wrapper {
margin-bottom: 1rem;
margin-top: 1rem; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-commentaire-0-value {
#block-reha-contenudelapageprincipale .node-operation-form #edit-field-commentaire-0-value {
width: 80%; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-adresse-0-address-container2 {
#block-reha-contenudelapageprincipale .node-operation-form #edit-field-adresse-0-address-container2 {
display: flex;
flex-direction: row;
width: 100%; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-adresse-0-address-container2 .form-item {
#block-reha-contenudelapageprincipale .node-operation-form #edit-field-adresse-0-address-container2 .form-item {
display: flex;
flex-direction: row; }
#block-reha-contenudelapageprincipale #node-operation-form .form-item {
#block-reha-contenudelapageprincipale .node-operation-form .form-item {
display: flex;
flex-direction: column; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-commentaire-wrapper {
#block-reha-contenudelapageprincipale .node-operation-form #edit-field-commentaire-wrapper {
margin-bottom: 2rem; }
#block-reha-contenudelapageprincipale #node-operation-form .counter {
#block-reha-contenudelapageprincipale .node-operation-form .counter {
font-style: italic; }
#block-reha-contenudelapageprincipale .form-managed-file {
@@ -751,3 +751,75 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.user--edit .form-item {
margin-bottom: 1rem;
width: 70%; }
#block-reha-contenudelapageprincipale #node-operation-edit-form {
width: 70%; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper {
background-color: rgba(153, 147, 174, 0) !important;
border: none;
padding: 0; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper label {
order: 1;
font-weight: 800; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .description {
text-transform: lowercase;
order: 2;
font-style: italic; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file {
order: 3;
margin-top: 1rem; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper {
background-color: rgba(153, 147, 174, 0) !important;
border: none;
padding: 0;
margin-top: 1rem; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper label {
order: 1;
font-weight: 800;
display: flex; }
#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);
padding-left: 1rem; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .description {
text-transform: lowercase;
order: 2;
font-style: italic; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper #edit-field-dossier-de-candidature-0--description {
display: none; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file {
order: 3;
margin-top: 1rem;
text-transform: lowercase; }
#block-reha-contenudelapageprincipale #node-operation-edit-form label {
font-weight: 800; }
#block-reha-contenudelapageprincipale #node-operation-edit-form .form-wrapper {
margin-bottom: 1rem;
margin-top: 1rem; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-commentaire-0-value {
width: 80%; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-adresse-0-address-container2 {
display: flex;
flex-direction: row;
width: 100%; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-adresse-0-address-container2 .form-item {
display: flex;
flex-direction: row; }
#block-reha-contenudelapageprincipale #node-operation-edit-form .form-item {
display: flex;
flex-direction: column; }
#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-commentaire-wrapper {
margin-bottom: 2rem; }
#block-reha-contenudelapageprincipale #node-operation-edit-form .counter {
font-style: italic; }
#block-reha-contenudelapageprincipale .form-managed-file {
text-transform: lowercase; }
#block-reha-contenudelapageprincipale .file--application-pdf {
text-transform: lowercase; }
#block-reha-contenudelapageprincipale .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; }
web/themes/custom/reha/scss/pages/_modifier-une-operation.scss
+108
View File
@@ -0,0 +1,108 @@
#block-reha-contenudelapageprincipale{
#node-operation-edit-form{
width: 70%;
#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-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;
}
}
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/_proposer-une-operation.scss
+1 -1
View File
@@ -1,6 +1,6 @@
#block-reha-contenudelapageprincipale{
#node-operation-form{
.node-operation-form{
width: 70%;
#edit-field-fiche-candidature-wrapper{
background-color: rgba(153, 147, 174, 0) !important;
web/themes/custom/reha/scss/reha.scss
+2 -1
View File
@@ -27,4 +27,5 @@
@import "pages/creer-un-compte";
@import "pages/mes-operations";
@import "pages/proposer-une-operation";
@import "pages/user--edit";
@import "pages/user--edit";
@import "pages/modifier-une-operation";