/* trying to get more vertical space for the boussole */ .adminimal .content-header { background-color: #434343; padding: 0.5rem 0 0; } .adminimal .page-title, .adminimal .heading-a { font-size: 1.5em; } .toolbar-tray a { padding: 0.5em 1.3333em; } .is-horizontal .tabs.primary a { padding: 0 2em 0 2em; background-image: none; } /* END trying to get more vertical space for the boussole */ #toolbar-item-administration-tray .toolbar-box > button { display: none; } div[data-drupal-selector=edit-actions] { display: flex; flex-direction: column; } div[data-drupal-selector=edit-actions] > * { width: 10em; margin: 0 0 0.5em !important; } .adminimal input.form-autocomplete, .adminimal input.form-text, .adminimal input.form-tel, .adminimal input.form-email, .adminimal input.form-url, .adminimal input.form-search, .adminimal input.form-number, .adminimal input.form-color, .adminimal input.form-file, .adminimal input.form-date, .adminimal input.form-time, .adminimal textarea.form-textarea { background-color: #fff; border-radius: 3px; } .adminimal select { background-color: #fff; border-radius: 3px; } .adminimal .button { /* background-color: #2196F3; */ border-radius: 5px; padding: 0.3em 0.5em; } .adminimal .button, .adminimal .image-button { margin-right: 0.5em; margin-left: 0.5em; } .adminimal .button:first-child, .adminimal .image-button:first-child { margin-right: 0; margin-left: 0; } .js td .dropbutton-multiple { border-radius: 3px; } .views-exposed-form { font-size: 0.9em; } .views-exposed-form input[type=text] { max-width: 10em; } .views-exposed-form input[type=text].form-autocomplete { max-width: 14em; } .views-exposed-form select.form-select { min-height: 0; padding: 0.2em 0.4em 0.2em 0.5em; } /** * Node add/edit form layout */ /* Narrow screens */ .layout-region { box-sizing: border-box; } /* Wide screens */ @media screen and (min-width: 780px), (orientation: landscape) and (min-device-height: 780px) { .layout-region-node-center { display: flex; flex-direction: row; gap: 1em; } [dir=rtl] .layout-region-node-center { display: flex; flex-direction: row-reverse; } .layout-region-node-main { /* reset */ float: none; box-sizing: border-box; padding-right: 0; /* LTR */ /* custom */ flex: 1 0 auto; } [dir=rtl] .layout-region-node-main { float: none; padding-right: 0; padding-left: 0; } .layout-region-node-secondary { /* reset */ float: none; /* LTR */ width: auto; /* custom */ flex: 0 0 25em; } [dir=rtl] .layout-region-node-secondary { float: none; } /* @todo File an issue to add a standard class to all text-like inputs */ .layout-region-node-secondary .form-autocomplete, .layout-region-node-secondary .form-text, .layout-region-node-secondary .form-tel, .layout-region-node-secondary .form-email, .layout-region-node-secondary .form-url, .layout-region-node-secondary .form-search, .layout-region-node-secondary .form-number, .layout-region-node-secondary .form-color, .layout-region-node-secondary textarea { box-sizing: border-box; width: 100%; max-width: 100%; } } /** * The vertical toolbar mode gets triggered for narrow screens, which throws off * the intent of media queries written for the viewport width. When the vertical * toolbar is on, we need to suppress layout for the original media width + the * toolbar width (240px). In this case, 240px + 780px. */ @media screen and (max-width: 1020px) { .toolbar-vertical.toolbar-tray-open .layout-region-node-center { display: block; } .toolbar-vertical.toolbar-tray-open .layout-region-node-main, .toolbar-vertical.toolbar-tray-open .layout-region-node-footer, .toolbar-vertical.toolbar-tray-open .layout-region-node-secondary { float: none; width: auto; padding-right: 0; } } /* BOUSSOLE FORM */ #node-concernement-edit-form .layout-region-node-secondary { position: fixed; background-color: #fff; bottom: 0; left: 2.5em; width: 200px; /* #edit-actions a.button--danger{ margin-top: 2em; } */ } #node-concernement-edit-form .layout-region-node-secondary > * { font-size: 0.765em; } #node-concernement-edit-form .layout-region-node-secondary #edit-actions { display: flex; flex-direction: column; gap: 1em; } #node-concernement-edit-form .layout-region-node-secondary #edit-actions input, #node-concernement-edit-form .layout-region-node-secondary #edit-actions a { font-size: 1em; margin: 0; } #node-concernement-edit-form .vertical-tabs__menu { /* width: auto; */ max-width: 200px; } #node-concernement-edit-form .vertical-tabs__panes { margin-left: 200px; } #node-concernement-edit-form .field--name-title label, #node-concernement-edit-form .field--name-field-description label, #node-concernement-edit-form .field--name-field-caillou label, #node-concernement-edit-form #node-concernement-form .field--name-title label, #node-concernement-edit-form #node-concernement-form .field--name-field-description label, #node-concernement-edit-form #node-concernement-form .field--name-field-caillou label { display: none; } #node-concernement-edit-form .field--name-title > .form-item > div, #node-concernement-edit-form .field--name-field-description > .form-item > div, #node-concernement-edit-form .field--name-field-caillou > .form-item > div, #node-concernement-edit-form #node-concernement-form .field--name-title > .form-item > div, #node-concernement-edit-form #node-concernement-form .field--name-field-description > .form-item > div, #node-concernement-edit-form #node-concernement-form .field--name-field-caillou > .form-item > div { font-weight: 600; } #node-concernement-edit-form .ief-entity-operations input[type=submit].ief-submit-remove { display: none; } #boussole-layout { display: flex; flex-direction: row; gap: 1em; } #boussole-layout textarea { resize: vertical; } #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] { flex: 0 0 50em; max-height: calc(100vh - 150px); overflow-y: auto; } #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] > table.field-multiple-table, #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] > table.field-multiple-table > tbody, #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] > table.field-multiple-table > tbody > tr { width: 100%; word-break: break-all; overflow-wrap: break-word; } #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] > table.field-multiple-table > tbody > tr { border: none; } #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] > table.field-multiple-table > tbody > tr > td:not(.field-multiple-drag) > div { padding: 0.5em; border: 1px solid #bbb; border-radius: 5px; transition: all 2s ease-in-out; } #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] > table.field-multiple-table > tbody > tr > td:not(.field-multiple-drag) > div.entite-over { border-color: #01ffe2; transition: all 0.2s ease-in-out; } #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] > table.field-multiple-table > tbody > tr > td:not(.field-multiple-drag) > div .horizontal-tabs-panes > details > .seven-details__wrapper { padding: 0; } #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] .field--type-entity-reference.field--name-field-entite.field--widget-inline-entity-form-complex > div > fieldset { border: none; margin: 0; padding: 0; } #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] .field--type-entity-reference.field--name-field-entite.field--widget-inline-entity-form-complex > div > fieldset > legend { display: none; } #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] .field--type-entity-reference.field--name-field-entite.field--widget-inline-entity-form-complex > div > fieldset .fieldset-wrapper > table > thead { display: none; } #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] .field--type-entity-reference.field--name-field-entite.field--widget-inline-entity-form-complex > div > fieldset .fieldset-wrapper > table > tbody > tr { border: none; } #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] td.field-multiple-drag { min-width: 0; width: 25px; } #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] div.field--type-image thead, #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] div.field--type-file thead { display: none; } #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] div.field--type-image .form-managed-file, #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] div.field--type-file .form-managed-file { width: 420px; } #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] div.field--type-image .form-managed-file input[type=text], #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] div.field--type-file .form-managed-file input[type=text] { width: 90%; } #boussole-layout > .form-item[data-drupal-selector=edit-field-entite] .button { font-size: 0.9em; } #boussole-layout .boussole-wrapper { flex: 1 1 auto; min-width: 800px; /* boussole */ } #boussole-layout .boussole-wrapper .boussole { background-image: url(../images/boussole.svg); background-clip: padding-box; background-size: contain; background-repeat: no-repeat; background-position: center; aspect-ratio: 1/1; /* width:100%; */ max-height: calc(100vh - 150px); position: relative; padding: 8%; } #boussole-layout .boussole-wrapper .boussole .entity { position: absolute; width: 10px; height: 10px; border-radius: 5px; background-color: black; transform: translate(-5px, -5px); cursor: move; } #boussole-layout .boussole-wrapper .boussole .entity.entite-over { background-color: #01ffe2; } #boussole-layout .boussole-wrapper .boussole .entity.ajax-new { background-color: #fff; border: 1px solid black; } #boussole-layout .boussole-wrapper .boussole .entity.ajax-new.entite-over { border: 1px solid 1ffe2; } #boussole-layout .boussole-wrapper .boussole .entity.hide { display: none; } div.field--name-field-actuel-future.form-wrapper, div.field--name-field-prise.form-wrapper, div.field--name-field-menace-maintien-degres.form-wrapper { display: none; } div.field--name-field-action.form-wrapper label, div.field--name-field-menace-maintien label { display: none; } fieldset[data-drupal-selector=edit-field-besoin] { border: none; margin: 0; padding: 0; } fieldset[data-drupal-selector=edit-field-besoin] > legend { display: none; } fieldset[data-drupal-selector=edit-field-besoin] > div.fieldset-wrapper > table > tbody > tr.ief-row-form { border: 1px #ccc solid; } /*# sourceMappingURL=ouatminimal.css.map */