concernement form display improved

This commit is contained in:
Bachir Soussi Chiadmi 2023-03-07 16:34:57 +01:00
parent f6bcc78e28
commit 64fa70b96f
1 changed files with 25 additions and 4 deletions

View File

@ -154,17 +154,31 @@
/* BOUSSOLE FORM */ /* BOUSSOLE FORM */
#node-concernement-edit-form{}
#node-concernement-edit-form .vertical-tabs__menu{
/* width: auto; */
max-width:110px;
}
#node-concernement-edit-form .vertical-tabs__panes{
margin-left: 110px;
}
#boussole-layout{ #boussole-layout{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 1em; gap: 1em;
} }
#boussole-layout .form-item[data-drupal-selector="edit-field-entite"]{ #boussole-layout>.form-item[data-drupal-selector="edit-field-entite"]{
flex:0 0 31em; flex:0 0 50em;
max-height: calc(100vh - 150px);
overflow-y: auto;
} }
#boussole-layout .boussole-wrapper{ #boussole-layout .boussole-wrapper{
flex:1 1 auto; flex:1 1 auto;
min-width: 800px;
} }
/* drupal form optimisation */ /* drupal form optimisation */
@ -198,13 +212,20 @@
border:none; border:none;
} }
#boussole-layout .form-item[data-drupal-selector="edit-field-entite"] input[type="text"]{
max-width: 60%;
}
/* #boussole-layout .form-item[data-drupal-selector="edit-field-entite"] table.field-entite-values > tbody > tr > td > div > div.form-wrapper table{
max-width: 100%;
} */
div.field--name-field-actuel-future.form-wrapper, div.field--name-field-actuel-future.form-wrapper,
div.field--name-field-prise.form-wrapper, div.field--name-field-prise.form-wrapper,
div.field--name-field-menace-maintien-degres.form-wrapper{ div.field--name-field-menace-maintien-degres.form-wrapper{
display: none; display: none;
} }
.field--name-field-actuel-future > fieldset legend{ /* .field--name-field-actuel-future > fieldset legend{
display:none; display:none;
} }
.field--name-field-actuel-future > fieldset > .fieldset-wrapper > .form-radios{ .field--name-field-actuel-future > fieldset > .fieldset-wrapper > .form-radios{
@ -231,7 +252,7 @@ div.field--name-field-menace-maintien-degres.form-wrapper{
.field--name-field-prise > .form-item > .description, .field--name-field-prise > .form-item > .description,
.field--name-field-menace-maintien-degres > .form-item > .description{ .field--name-field-menace-maintien-degres > .form-item > .description{
flex:0 1 auto; flex:0 1 auto;
} } */
#boussole-layout .form-item[data-drupal-selector="edit-field-entite"] .button{ #boussole-layout .form-item[data-drupal-selector="edit-field-entite"] .button{
font-size: 0.9em; font-size: 0.9em;