236 lines
5.7 KiB
CSS
236 lines
5.7 KiB
CSS
.erl-field .layout-radio-item.active {
|
|
background: transparent;
|
|
}
|
|
|
|
.erl-field .erl-disabled-items,
|
|
.erl-field .erl-disabled-items.form-item.form-wrapper {
|
|
padding: var(--gin-spacing-m);
|
|
margin-bottom: -6rem;
|
|
background: #f1f1f3;
|
|
border-radius: var(--gin-border-m);
|
|
}
|
|
|
|
.gin--dark-mode .erl-field .erl-disabled-items,
|
|
.gin--dark-mode .erl-field .erl-disabled-items.form-item.form-wrapper {
|
|
background: var(--gin-bg-layer2);
|
|
}
|
|
|
|
.erl-field .erl-disabled-items, .erl-field .erl-disabled-items:hover, .erl-field .erl-disabled-items:active,
|
|
.erl-field .erl-disabled-items.form-item.form-wrapper,
|
|
.erl-field .erl-disabled-items.form-item.form-wrapper:hover,
|
|
.erl-field .erl-disabled-items.form-item.form-wrapper:active {
|
|
border: 0 none;
|
|
}
|
|
|
|
.erl-field .erl-disabled-items .fieldset__label,
|
|
.erl-field .erl-disabled-items.form-item.form-wrapper .fieldset__label {
|
|
padding: var(--gin-spacing-m) 0 var(--gin-spacing-l);
|
|
}
|
|
|
|
.erl-field .erl-disabled-items__description,
|
|
.erl-field .erl-disabled-items.form-item.form-wrapper__description {
|
|
font-size: var(--gin-font-size-s);
|
|
color: #999;
|
|
}
|
|
|
|
.erl-disabled-items > .fieldset__wrapper {
|
|
margin: 0;
|
|
}
|
|
|
|
.erl-field .erl-add-content:focus {
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.erl-field .erl-actions .erl-edit, .erl-field .erl-actions .erl-edit:hover,
|
|
.erl-field .erl-actions .erl-remove,
|
|
.erl-field .erl-actions .erl-remove:hover {
|
|
box-shadow: none;
|
|
border-color: transparent !important;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.erl-field .erl-add-section,
|
|
.erl-field .erl-add-content--single button {
|
|
position: static;
|
|
display: block;
|
|
width: 100%;
|
|
color: var(--gin-color-primary);
|
|
line-height: 1.3;
|
|
background: var(--gin-bg-item-hover);
|
|
padding: var(--gin-spacing-m) var(--gin-spacing-m) 34px var(--gin-spacing-m);
|
|
border: 1px dashed var(--gin-color-primary);
|
|
border-radius: var(--gin-border-m);
|
|
transform: none;
|
|
}
|
|
|
|
.erl-field .erl-add-section, .erl-field .erl-add-section:hover, .erl-field .erl-add-section:active,
|
|
.erl-field .erl-add-content--single button,
|
|
.erl-field .erl-add-content--single button:hover,
|
|
.erl-field .erl-add-content--single button:active {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.erl-field .erl-add-section:hover, .erl-field .erl-add-section:active,
|
|
.erl-field .erl-add-content--single button:hover,
|
|
.erl-field .erl-add-content--single button:active {
|
|
color: var(--gin-color-primary-hover);
|
|
background: var(--gin-color-primary-light);
|
|
}
|
|
|
|
.erl-field .erl-item:last-of-type > .erl-add-content--single {
|
|
opacity: 1;
|
|
}
|
|
|
|
[dir="ltr"] .erl-field .erl-add-content--single button .icon {
|
|
margin-right: var(--gin-spacing-xs);
|
|
}
|
|
|
|
[dir="rtl"] .erl-field .erl-add-content--single button .icon {
|
|
margin-left: var(--gin-spacing-xs);
|
|
}
|
|
|
|
.erl-field .layout-radio-item > div {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
[dir="ltr"] .erl-field .layout-radio-item .form-item {
|
|
margin-left: var(--gin-spacing-xs);
|
|
}
|
|
|
|
[dir="rtl"] .erl-field .layout-radio-item .form-item {
|
|
margin-right: var(--gin-spacing-xs);
|
|
}
|
|
|
|
.erl-field .layout-radio-item.active {
|
|
outline: var(--gin-border-xs) solid var(--gin-color-focus);
|
|
}
|
|
|
|
.erl-layout-region:hover button.erl-add-content__toggle {
|
|
opacity: 1;
|
|
}
|
|
|
|
.erl-overlay .erl-form {
|
|
overflow-x: hidden;
|
|
overflow-y: visible;
|
|
max-height: 85vh !important;
|
|
}
|
|
|
|
.erl-overlay.erl-loading div.loading {
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.gin--dark-mode .erl-overlay.erl-loading div.loading {
|
|
background: rgba(0, 0, 0, .3);
|
|
}
|
|
|
|
.erl-disabled-wrapper .erl-item {
|
|
border-color: #fff;
|
|
}
|
|
|
|
.erl-disabled-wrapper .erl-item:not(:last-of-type) {
|
|
margin-bottom: var(--gin-spacing-m);
|
|
}
|
|
|
|
.erl-disabled-wrapper .erl-disabled-items__description {
|
|
top: var(--gin-spacing-m);
|
|
}
|
|
|
|
.erl-item label.paragraph-type-label,
|
|
.erl-item label.paragraph-type--label {
|
|
margin: -1px;
|
|
position: absolute;
|
|
top: 12px;
|
|
border: 0 none;
|
|
font-style: normal;
|
|
color: var(--gin-color-text-light);
|
|
opacity: .75;
|
|
}
|
|
|
|
[dir="ltr"] .erl-item label.paragraph-type-label,
|
|
[dir="ltr"] .erl-item label.paragraph-type--label {
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
}
|
|
|
|
[dir="rtl"] .erl-item label.paragraph-type-label,
|
|
[dir="rtl"] .erl-item label.paragraph-type--label {
|
|
right: 50%;
|
|
transform: translate(50%);
|
|
}
|
|
|
|
.erl-item .layout-controls {
|
|
opacity: 1;
|
|
position: absolute;
|
|
top: var(--gin-spacing-xs);
|
|
}
|
|
|
|
[dir="ltr"] .erl-item .layout-controls {
|
|
left: var(--gin-spacing-xxs);
|
|
}
|
|
|
|
[dir="rtl"] .erl-item .layout-controls {
|
|
right: var(--gin-spacing-xxs);
|
|
}
|
|
|
|
.erl-item .paragraph .field {
|
|
line-height: 1.5;
|
|
margin: .5em 0;
|
|
}
|
|
|
|
.erl-item .paragraph .field--name-field-title {
|
|
font-weight: var(--gin-font-weight-heavy);
|
|
}
|
|
|
|
.erl-item .paragraph .field--type-image {
|
|
max-height: 400px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.erl-item .paragraph .field--name-field-paragraphs {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.erl-item .paragraph .field--name-field-paragraphs .field__item {
|
|
flex-basis: 100%;
|
|
}
|
|
|
|
[dir="ltr"] .erl-item .paragraph .field--name-field-paragraphs .field__item {
|
|
margin-right: var(--gin-spacing-xs);
|
|
}
|
|
|
|
[dir="rtl"] .erl-item .paragraph .field--name-field-paragraphs .field__item {
|
|
margin-left: var(--gin-spacing-xs);
|
|
}
|
|
|
|
.erl-item .erl-actions {
|
|
visibility: visible;
|
|
position: absolute;
|
|
top: var(--gin-spacing-xs);
|
|
}
|
|
|
|
[dir="ltr"] .erl-item .erl-actions {
|
|
right: var(--gin-spacing-xxs);
|
|
}
|
|
|
|
[dir="rtl"] .erl-item .erl-actions {
|
|
left: var(--gin-spacing-xxs);
|
|
}
|
|
|
|
.erl-layout.erl-item.form-wrapper:hover > button.erl-add-content__toggle, .erl-layout.erl-item.form-wrapper:hover > button.layout-paragraphs-add-content__toggle {
|
|
opacity: 1;
|
|
}
|
|
|
|
.erl-layout.erl-item.form-wrapper .erl-actions input.erl-edit,
|
|
.erl-layout.erl-item.form-wrapper .erl-actions input.erl-remove {
|
|
opacity: .75;
|
|
}
|
|
|
|
.erl-layout.erl-item.form-wrapper .erl-actions input.erl-edit:hover,
|
|
.erl-layout.erl-item.form-wrapper .erl-actions input.erl-remove:hover {
|
|
opacity: 1;
|
|
}
|
|
|