forked from a64f7bb4-7358-4778-9fbe-3b882c34cc1d/v1
822 lines
31 KiB
CSS
822 lines
31 KiB
CSS
.ui-dialog a,
|
|
.ui-dialog .link,
|
|
.ui-dialog button.link,
|
|
.ui-dialog .tabs__link.is-active,
|
|
.ui-dialog [open] .claro-details__summary--accordion,
|
|
.ui-dialog [open] .claro-details__summary--accordion-item,
|
|
.ui-dialog [open] .claro-details__summary--vertical-tabs-item,
|
|
.ui-dialog .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
|
|
color: var(--gin-color-primary);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.ui-dialog a:hover,
|
|
.ui-dialog .link:hover,
|
|
.ui-dialog button.link:hover,
|
|
.ui-dialog .tabs__link.is-active:hover,
|
|
.ui-dialog [open] .claro-details__summary--accordion:hover,
|
|
.ui-dialog [open] .claro-details__summary--accordion-item:hover,
|
|
.ui-dialog [open] .claro-details__summary--vertical-tabs-item:hover,
|
|
.ui-dialog .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover {
|
|
color: var(--gin-color-primary-hover);
|
|
}
|
|
|
|
.ui-dialog a:active,
|
|
.ui-dialog .link:active,
|
|
.ui-dialog button.link:active,
|
|
.ui-dialog .tabs__link.is-active:active,
|
|
.ui-dialog [open] .claro-details__summary--accordion:active,
|
|
.ui-dialog [open] .claro-details__summary--accordion-item:active,
|
|
.ui-dialog [open] .claro-details__summary--vertical-tabs-item:active,
|
|
.ui-dialog .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:active {
|
|
color: var(--gin-color-primary-active);
|
|
}
|
|
|
|
.ui-dialog .is-horizontal .tabs__link:hover,
|
|
.ui-dialog .claro-details__summary:hover,
|
|
.ui-dialog .action-link:hover {
|
|
color: var(--gin-color-primary-hover);
|
|
}
|
|
|
|
.ui-dialog .claro-details[open] > .claro-details__summary:focus {
|
|
color: var(--gin-color-primary-active);
|
|
}
|
|
|
|
.ui-dialog .form-boolean--type-checkbox:checked,
|
|
.ui-dialog .form-boolean--type-radio:checked:not(:disabled),
|
|
.ui-dialog .is-horizontal .tabs__link.is-active::before,
|
|
.ui-dialog .tabs__tab.is-active::before,
|
|
.ui-dialog [open] > .claro-details__summary--accordion:not(:focus):not(:active)::after,
|
|
.ui-dialog [open] > .claro-details__summary--accordion-item:not(:focus):not(:active)::after,
|
|
.ui-dialog .collapse-processed[open] > .claro-details__summary--accordion .details-title:not(:focus)::after,
|
|
.ui-dialog .collapse-processed[open] > .claro-details__summary--accordion-item .details-title:not(:focus)::after,
|
|
.ui-dialog [open] > .claro-details__summary--vertical-tabs-item:not(:focus):not(:active)::after,
|
|
.ui-dialog .collapse-processed[open] > .claro-details__summary--vertical-tabs-item .details-title:not(:focus)::after,
|
|
.ui-dialog .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before {
|
|
border-color: var(--gin-color-primary);
|
|
}
|
|
|
|
.ui-dialog .form-boolean--type-checkbox:checked:hover,
|
|
.ui-dialog .form-boolean--type-radio:checked:not(:disabled):hover,
|
|
.ui-dialog .is-horizontal .tabs__link.is-active::before:hover,
|
|
.ui-dialog .tabs__tab.is-active::before:hover,
|
|
.ui-dialog [open] > .claro-details__summary--accordion:not(:focus):not(:active)::after:hover,
|
|
.ui-dialog [open] > .claro-details__summary--accordion-item:not(:focus):not(:active)::after:hover,
|
|
.ui-dialog .collapse-processed[open] > .claro-details__summary--accordion .details-title:not(:focus)::after:hover,
|
|
.ui-dialog .collapse-processed[open] > .claro-details__summary--accordion-item .details-title:not(:focus)::after:hover,
|
|
.ui-dialog [open] > .claro-details__summary--vertical-tabs-item:not(:focus):not(:active)::after:hover,
|
|
.ui-dialog .collapse-processed[open] > .claro-details__summary--vertical-tabs-item .details-title:not(:focus)::after:hover,
|
|
.ui-dialog .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before:hover {
|
|
border-color: var(--gin-color-primary-hover);
|
|
}
|
|
|
|
.ui-dialog .form-boolean--type-checkbox:checked:active,
|
|
.ui-dialog .form-boolean--type-radio:checked:not(:disabled):active,
|
|
.ui-dialog .is-horizontal .tabs__link.is-active::before:active,
|
|
.ui-dialog .tabs__tab.is-active::before:active,
|
|
.ui-dialog [open] > .claro-details__summary--accordion:not(:focus):not(:active)::after:active,
|
|
.ui-dialog [open] > .claro-details__summary--accordion-item:not(:focus):not(:active)::after:active,
|
|
.ui-dialog .collapse-processed[open] > .claro-details__summary--accordion .details-title:not(:focus)::after:active,
|
|
.ui-dialog .collapse-processed[open] > .claro-details__summary--accordion-item .details-title:not(:focus)::after:active,
|
|
.ui-dialog [open] > .claro-details__summary--vertical-tabs-item:not(:focus):not(:active)::after:active,
|
|
.ui-dialog .collapse-processed[open] > .claro-details__summary--vertical-tabs-item .details-title:not(:focus)::after:active,
|
|
.ui-dialog .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before:active {
|
|
border-color: var(--gin-color-primary-active);
|
|
}
|
|
|
|
.ui-dialog .button,
|
|
.ui-dialog .dropbutton__item:first-of-type > *,
|
|
.ui-dialog .dropbutton__toggle {
|
|
font-size: var(--gin-font-size-s);
|
|
font-weight: var(--gin-font-weight-semibold);
|
|
color: var(--gin-color-primary);
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
transition: var(--gin-transition);
|
|
}
|
|
|
|
@media (min-width: 80em) {
|
|
.ui-dialog .button,
|
|
.ui-dialog .dropbutton__item:first-of-type > *,
|
|
.ui-dialog .dropbutton__toggle {
|
|
font-size: var(--gin-font-size);
|
|
}
|
|
}
|
|
|
|
.ui-dialog .button:hover,
|
|
.ui-dialog .dropbutton__item:first-of-type > *:hover,
|
|
.ui-dialog .dropbutton__toggle:hover {
|
|
background-color: var(--gin-color-primary-hover);
|
|
}
|
|
|
|
.ui-dialog .button:active, .ui-dialog .button:focus,
|
|
.ui-dialog .dropbutton__item:first-of-type > *:active,
|
|
.ui-dialog .dropbutton__item:first-of-type > *:focus,
|
|
.ui-dialog .dropbutton__toggle:active,
|
|
.ui-dialog .dropbutton__toggle:focus {
|
|
background-color: var(--gin-color-primary-active);
|
|
}
|
|
|
|
.ui-dialog .button:hover, .ui-dialog .button:active, .ui-dialog .button:focus,
|
|
.ui-dialog .dropbutton__item:first-of-type > *:hover,
|
|
.ui-dialog .dropbutton__item:first-of-type > *:active,
|
|
.ui-dialog .dropbutton__item:first-of-type > *:focus,
|
|
.ui-dialog .dropbutton__toggle:hover,
|
|
.ui-dialog .dropbutton__toggle:active,
|
|
.ui-dialog .dropbutton__toggle:focus {
|
|
color: var(--gin-color-button-text);
|
|
}
|
|
|
|
.ui-dialog .button,
|
|
.ui-dialog .button:not(:focus),
|
|
.ui-dialog .form-actions .button,
|
|
.ui-dialog .action-link--icon-trash.action-link {
|
|
padding: calc(var(--gin-spacing-m) - 2px) calc(var(--gin-spacing-l) - 2px);
|
|
border: 2px solid var(--gin-color-primary) !important;
|
|
border-radius: var(--gin-border-m);
|
|
box-shadow: 0 1px 2px var(--gin-color-primary-light);
|
|
transition: var(--gin-transition);
|
|
}
|
|
|
|
.ui-dialog .button:hover,
|
|
.ui-dialog .button:not(:focus):hover,
|
|
.ui-dialog .form-actions .button:hover,
|
|
.ui-dialog .action-link--icon-trash.action-link:hover {
|
|
background-color: var(--gin-color-primary-hover);
|
|
border-color: var(--gin-color-primary-hover) !important;
|
|
}
|
|
|
|
.ui-dialog .button:active, .ui-dialog .button:focus,
|
|
.ui-dialog .button:not(:focus):active,
|
|
.ui-dialog .button:not(:focus):focus,
|
|
.ui-dialog .form-actions .button:active,
|
|
.ui-dialog .form-actions .button:focus,
|
|
.ui-dialog .action-link--icon-trash.action-link:active,
|
|
.ui-dialog .action-link--icon-trash.action-link:focus {
|
|
border-color: var(--gin-color-primary-active) !important;
|
|
}
|
|
|
|
.ui-dialog .button:hover, .ui-dialog .button:active, .ui-dialog .button:focus, .ui-dialog .button:hover:focus,
|
|
.ui-dialog .button:not(:focus):hover,
|
|
.ui-dialog .button:not(:focus):active,
|
|
.ui-dialog .button:not(:focus):focus,
|
|
.ui-dialog .button:not(:focus):hover:focus,
|
|
.ui-dialog .form-actions .button:hover,
|
|
.ui-dialog .form-actions .button:active,
|
|
.ui-dialog .form-actions .button:focus,
|
|
.ui-dialog .form-actions .button:hover:focus,
|
|
.ui-dialog .action-link--icon-trash.action-link:hover,
|
|
.ui-dialog .action-link--icon-trash.action-link:active,
|
|
.ui-dialog .action-link--icon-trash.action-link:focus,
|
|
.ui-dialog .action-link--icon-trash.action-link:hover:focus {
|
|
color: var(--gin-color-button-text);
|
|
}
|
|
|
|
[dir="ltr"] .ui-dialog .form-actions .button {
|
|
margin-right: var(--gin-spacing-xs);
|
|
}
|
|
|
|
[dir="rtl"] .ui-dialog .form-actions .button {
|
|
margin-left: var(--gin-spacing-xs);
|
|
}
|
|
|
|
.ui-dialog .button.button--small {
|
|
padding: var(--gin-spacing-xs) var(--gin-spacing-m);
|
|
border-radius: var(--gin-border-s);
|
|
}
|
|
|
|
.ui-dialog .button.button--extrasmall {
|
|
padding: var(--gin-spacing-xxs) var(--gin-spacing-s);
|
|
border-radius: var(--gin-border-s);
|
|
}
|
|
|
|
.ui-dialog .button--primary,
|
|
.ui-dialog .button--primary:not(:focus),
|
|
.ui-dialog .ief-entity-submit {
|
|
background: var(--gin-color-primary);
|
|
}
|
|
|
|
[dir="ltr"] .ui-dialog .button--primary,
|
|
[dir="ltr"] .ui-dialog .button--primary:not(:focus),
|
|
[dir="ltr"] .ui-dialog .ief-entity-submit {
|
|
box-shadow: .1em .25em .5em var(--gin-color-primary-light);
|
|
}
|
|
|
|
[dir="rtl"] .ui-dialog .button--primary,
|
|
[dir="rtl"] .ui-dialog .button--primary:not(:focus),
|
|
[dir="rtl"] .ui-dialog .ief-entity-submit {
|
|
box-shadow: -0.1em .25em .5em var(--gin-color-primary-light);
|
|
}
|
|
|
|
.ui-dialog .button--primary:hover,
|
|
.ui-dialog .button--primary:not(:focus):hover,
|
|
.ui-dialog .ief-entity-submit:hover {
|
|
background-color: var(--gin-color-primary-hover);
|
|
}
|
|
|
|
.ui-dialog .button--primary:active, .ui-dialog .button--primary:focus,
|
|
.ui-dialog .button--primary:not(:focus):active,
|
|
.ui-dialog .button--primary:not(:focus):focus,
|
|
.ui-dialog .ief-entity-submit:active,
|
|
.ui-dialog .ief-entity-submit:focus {
|
|
background-color: var(--gin-color-primary-active);
|
|
}
|
|
|
|
.ui-dialog .button--primary, .ui-dialog .button--primary:hover, .ui-dialog .button--primary:active, .ui-dialog .button--primary:focus,
|
|
.ui-dialog .button--primary:not(:focus),
|
|
.ui-dialog .button--primary:not(:focus):hover,
|
|
.ui-dialog .button--primary:not(:focus):active,
|
|
.ui-dialog .button--primary:not(:focus):focus,
|
|
.ui-dialog .ief-entity-submit,
|
|
.ui-dialog .ief-entity-submit:hover,
|
|
.ui-dialog .ief-entity-submit:active,
|
|
.ui-dialog .ief-entity-submit:focus {
|
|
color: var(--gin-color-button-text);
|
|
}
|
|
|
|
.ui-dialog a.button:hover,
|
|
.ui-dialog a.button:active {
|
|
color: var(--gin-color-button-text);
|
|
}
|
|
|
|
.gin--dark-mode .ui-dialog a.button--primary:hover,
|
|
.gin--dark-mode .ui-dialog a.button--primary:active,
|
|
.gin--dark-mode .ui-dialog a.button--primary:focus,
|
|
.gin--dark-mode .ui-dialog a.button--primary:focus:hover {
|
|
color: var(--gin-bg-app);
|
|
}
|
|
|
|
.ui-dialog .button.button:disabled, .ui-dialog .button.button:disabled:hover, .ui-dialog .button.button:disabled:active, .ui-dialog .button.button:disabled:focus, .ui-dialog .button.button.is-disabled, .ui-dialog .button.button.is-disabled:hover, .ui-dialog .button.button.is-disabled:active, .ui-dialog .button.button.is-disabled:focus {
|
|
color: var(--gin-color-disabled);
|
|
background: transparent;
|
|
border: 2px solid var(--gin-color-disabled-border) !important;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.ui-dialog .button.button--primary:disabled, .ui-dialog .button.button--primary:disabled:hover, .ui-dialog .button.button--primary:disabled:active, .ui-dialog .button.button--primary:disabled:focus, .ui-dialog .button.button--primary.is-disabled, .ui-dialog .button.button--primary.is-disabled:hover, .ui-dialog .button.button--primary.is-disabled:active, .ui-dialog .button.button--primary.is-disabled:focus {
|
|
color: var(--gin-color-disabled);
|
|
background-color: var(--gin-color-disabled-bg);
|
|
}
|
|
|
|
.ui-dialog .action-link.action-link--icon-trash {
|
|
min-height: 48px;
|
|
padding: calc(var(--gin-spacing-s) - 1px) calc(var(--gin-spacing-l) - 2px);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.ui-dialog .action-link.action-link--icon-trash, .ui-dialog .action-link.action-link--icon-trash:hover, .ui-dialog .action-link.action-link--icon-trash:active, .ui-dialog .action-link.action-link--icon-trash:focus, .ui-dialog .action-link.action-link--icon-trash:focus:hover {
|
|
border: 2px solid var(--gin-color-danger) !important;
|
|
}
|
|
|
|
.ui-dialog .multiple-fields-remove-button.button {
|
|
border: 0 none !important;
|
|
-webkit-mask-image: url("../../media/sprite.svg#remove-view");
|
|
mask-image: url("../../media/sprite.svg#remove-view");
|
|
-webkit-mask-size: 16px 16px;
|
|
mask-size: 16px 16px;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-position: center center;
|
|
mask-position: center center;
|
|
}
|
|
|
|
.ui-dialog .form-element {
|
|
color: var(--gin-color-text);
|
|
background-color: var(--gin-bg-input);
|
|
border: 1px solid var(--gin-border-color-form-element);
|
|
border-radius: var(--gin-border-m);
|
|
box-sizing: border-box;
|
|
transition: var(--gin-transition);
|
|
}
|
|
|
|
.ui-dialog .form-element:hover {
|
|
border-color: var(--gin-color-text);
|
|
box-shadow: inset 0 0 0 1px var(--gin-color-text);
|
|
}
|
|
|
|
.ui-dialog .form-element--small, .ui-dialog .form-element--extrasmall {
|
|
font-size: var(--gin-font-size-s);
|
|
line-height: 1.5;
|
|
border-radius: var(--gin-border-s);
|
|
}
|
|
|
|
.ui-dialog .form-element[disabled], .ui-dialog .form-element[disabled]:hover {
|
|
cursor: not-allowed;
|
|
color: var(--gin-color-disabled);
|
|
background-color: var(--gin-color-disabled-bg) !important;
|
|
border-color: var(--gin-color-disabled-border);
|
|
box-shadow: none;
|
|
}
|
|
|
|
.gin--dark-mode .ui-dialog .form-element {
|
|
color-scheme: dark;
|
|
}
|
|
|
|
.ui-dialog .form-textarea-wrapper {
|
|
border-radius: var(--gin-border-m);
|
|
}
|
|
|
|
.ui-dialog .form-textarea-wrapper textarea {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.ui-dialog .form-item--editor-format,
|
|
.ui-dialog .form-element--editor-format {
|
|
width: auto;
|
|
}
|
|
|
|
.ui-dialog .form-item--editor-format .form-item__label,
|
|
.ui-dialog .form-element--editor-format .form-item__label {
|
|
top: 3px;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.ui-dialog .password-field {
|
|
width: 100%;
|
|
}
|
|
|
|
.ui-dialog .password-confirm {
|
|
width: 100%;
|
|
max-width: 520px;
|
|
}
|
|
|
|
.ui-dialog .password-strength__title {
|
|
color: var(--gin-color-text-light);
|
|
}
|
|
|
|
.ui-dialog .password-strength__text {
|
|
color: var(--gin-color-title);
|
|
}
|
|
|
|
.ui-dialog .password-suggestions {
|
|
color: var(--gin-color-text-light);
|
|
border: 1px solid var(--gin-border-color-layer2);
|
|
background-color: transparent;
|
|
}
|
|
|
|
[dir="ltr"] .ui-dialog .form-element--type-select {
|
|
padding-right: calc(var(--gin-spacing-xs) + var(--gin-spacing-xl) - 1px);
|
|
}
|
|
|
|
[dir="rtl"] .ui-dialog .form-element--type-select {
|
|
padding-left: calc(var(--gin-spacing-xs) + var(--gin-spacing-xl) - 1px);
|
|
}
|
|
|
|
.gin--dark-mode .ui-dialog .form-element--type-select {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath fill='none' stroke-width='1.5' d='M1 1L7 7L13 1' stroke='%23ffffff'/%3E%3C/svg%3E%0A");
|
|
}
|
|
|
|
.ui-dialog .form-element--type-select--small {
|
|
font-size: var(--gin-font-size-xs);
|
|
min-height: 2.25rem;
|
|
line-height: 1.4;
|
|
padding-top: .474rem;
|
|
padding-bottom: .474rem;
|
|
}
|
|
|
|
[dir="ltr"] .ui-dialog .form-element--type-select--small {
|
|
background-position: 100% 52%;
|
|
}
|
|
|
|
[dir="rtl"] .ui-dialog .form-element--type-select--small {
|
|
background-position: 0% 52%;
|
|
}
|
|
|
|
.ui-dialog .form-boolean {
|
|
width: 21px;
|
|
height: 21px;
|
|
border-color: var(--gin-border-color-form-element);
|
|
border-radius: var(--gin-border-xs);
|
|
}
|
|
|
|
.gin--dark-mode .ui-dialog .form-boolean--type-checkbox:not(:checked) {
|
|
background: var(--gin-bg-input);
|
|
}
|
|
|
|
.ui-dialog .form-boolean--type-checkbox:checked {
|
|
background-color: var(--gin-color-primary);
|
|
}
|
|
|
|
.gin--dark-mode .ui-dialog .form-boolean--type-checkbox:checked:not(:disabled) {
|
|
background-image: url("../../media/sprite.svg#checked-view");
|
|
}
|
|
|
|
.ui-dialog .form-boolean--type-checkbox:checked:hover {
|
|
background-color: var(--gin-color-primary-hover);
|
|
}
|
|
|
|
.ui-dialog .form-boolean--type-checkbox:checked:active {
|
|
background-color: var(--gin-color-primary-active);
|
|
}
|
|
|
|
.ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox {
|
|
position: relative;
|
|
}
|
|
|
|
[dir="ltr"] .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox {
|
|
margin-left: 0;
|
|
}
|
|
|
|
[dir="rtl"] .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox .checkbox-toggle {
|
|
z-index: 0;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 2.5rem;
|
|
height: 1.5rem;
|
|
border-radius: var(--gin-border-l);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox .checkbox-toggle__inner {
|
|
position: relative;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
-webkit-clip-path: circle(var(--gin-spacing-l) at 50% 50%);
|
|
clip-path: circle(var(--gin-spacing-l) at 50% 50%);
|
|
background-color: var(--gin-color-disabled);
|
|
border: 3px solid transparent;
|
|
border-radius: var(--gin-border-l);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.gin--dark-mode .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox .checkbox-toggle__inner {
|
|
background-color: var(--gin-bg-input);
|
|
}
|
|
|
|
.ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox .checkbox-toggle__inner:before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #fff;
|
|
border-radius: 21px;
|
|
transition: transform .3s;
|
|
}
|
|
|
|
[dir="ltr"] .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox .checkbox-toggle__inner:before {
|
|
transform: translateX(-16px);
|
|
}
|
|
|
|
[dir="rtl"] .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox .checkbox-toggle__inner:before {
|
|
transform: translateX(16px);
|
|
}
|
|
|
|
.gin--dark-mode .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox .checkbox-toggle__inner:before {
|
|
background-color: var(--gin-border-color-form-element);
|
|
}
|
|
|
|
.ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input {
|
|
position: absolute !important;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
overflow: hidden;
|
|
height: 1px;
|
|
width: 1px;
|
|
word-wrap: normal;
|
|
width: 40px;
|
|
height: 24px;
|
|
clip: auto;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
[dir="ltr"] .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input {
|
|
margin-left: 0;
|
|
}
|
|
|
|
[dir="rtl"] .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:hover, .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:focus, .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:active, .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:hover:focus, .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:active:focus {
|
|
outline: none;
|
|
box-shadow: none;
|
|
border: none;
|
|
}
|
|
|
|
.ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:hover ~ .checkbox-toggle {
|
|
opacity: .9;
|
|
box-shadow: 0 0 2px rgba(0, 0, 0, .2);
|
|
}
|
|
|
|
.ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle {
|
|
border-color: var(--gin-color-primary-light-active);
|
|
}
|
|
|
|
.gin--high-contrast-mode .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle {
|
|
border-color: var(--gin-border-color);
|
|
}
|
|
|
|
.ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner {
|
|
background-color: var(--gin-switch);
|
|
}
|
|
|
|
.gin--dark-mode .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner {
|
|
background-color: var(--gin-color-primary-light-active);
|
|
}
|
|
|
|
.ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner:before {
|
|
background-color: #fff;
|
|
}
|
|
|
|
[dir="ltr"] .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner:before {
|
|
transform: translateX(16px);
|
|
}
|
|
|
|
[dir="rtl"] .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner:before {
|
|
transform: translateX(-16px);
|
|
}
|
|
|
|
.gin--dark-mode .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner:before {
|
|
background-color: var(--gin-color-primary-hover);
|
|
}
|
|
|
|
.gin--high-contrast-mode .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:checked ~ .checkbox-toggle .checkbox-toggle__inner:before {
|
|
background-color: var(--gin-border-color);
|
|
}
|
|
|
|
.ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:active ~ .checkbox-toggle .checkbox-toggle__inner, .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:focus ~ .checkbox-toggle .checkbox-toggle__inner {
|
|
box-shadow: 0 0 0 1px var(--gin-color-focus-border), 0 0 0 4px var(--gin-color-focus);
|
|
}
|
|
|
|
.ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled ~ .checkbox-toggle, .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled ~ .checkbox-toggle:hover, .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled:checked ~ .checkbox-toggle .checkbox-toggle__inner, .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled:checked ~ .checkbox-toggle:hover .checkbox-toggle__inner {
|
|
background-color: var(--gin-color-disabled);
|
|
}
|
|
|
|
.ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled ~ .checkbox-toggle::before, .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled ~ .checkbox-toggle:hover::before, .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled:checked ~ .checkbox-toggle .checkbox-toggle__inner::before, .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:disabled:checked ~ .checkbox-toggle:hover .checkbox-toggle__inner::before {
|
|
background-color: #fff;
|
|
opacity: .4;
|
|
}
|
|
|
|
.ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox label {
|
|
z-index: 1;
|
|
position: relative;
|
|
padding-bottom: 0;
|
|
color: var(--gin-color-text);
|
|
}
|
|
|
|
[dir="ltr"] .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox label {
|
|
padding-left: var(--gin-spacing-xxs);
|
|
}
|
|
|
|
[dir="rtl"] .ui-dialog :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox label {
|
|
padding-right: var(--gin-spacing-xxs);
|
|
}
|
|
|
|
.gin--dark-mode .ui-dialog .form-boolean:hover, .gin--dark-mode .ui-dialog .form-boolean:active {
|
|
box-shadow: none;
|
|
border-color: var(--gin-color-text);
|
|
}
|
|
|
|
.ui-dialog .form-boolean--type-radio, .ui-dialog .form-boolean--type-radio:hover, .ui-dialog .form-boolean--type-radio:active, .ui-dialog .form-boolean--type-radio:focus, .ui-dialog .form-boolean--type-radio:hover:focus {
|
|
background-image: none;
|
|
background-color: var(--gin-bg-input);
|
|
border-color: var(--gin-border-color-form-element);
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.ui-dialog .form-boolean--type-radio:hover {
|
|
box-shadow: inset 0 0 0 1px var(--gin-border-color-layer2);
|
|
}
|
|
|
|
.ui-dialog .form-boolean--type-radio:hover, .gin--dark-mode .ui-dialog .form-boolean--type-radio:hover {
|
|
border-color: var(--gin-color-text);
|
|
}
|
|
|
|
.ui-dialog .form-boolean--type-radio:active, .ui-dialog .form-boolean--type-radio:focus {
|
|
box-shadow: inset 0 0 0 1px var(--gin-border-color-layer2), 0 0 0 1px var(--gin-color-focus-border), 0 0 0 4px var(--gin-color-focus);
|
|
}
|
|
|
|
.ui-dialog .form-boolean--type-radio:checked:not(:disabled), .ui-dialog .form-boolean--type-radio:checked:not(:disabled):hover {
|
|
background-image: none;
|
|
background-color: var(--gin-bg-layer);
|
|
box-shadow: inset 0 0 0 5px var(--gin-color-primary);
|
|
}
|
|
|
|
.ui-dialog .form-boolean--type-radio:checked:not(:disabled):active, .ui-dialog .form-boolean--type-radio:checked:not(:disabled):focus, .ui-dialog .form-boolean--type-radio:checked:not(:disabled):hover:focus {
|
|
box-shadow: inset 0 0 0 5px var(--gin-color-primary), 0 0 0 1px var(--gin-color-focus-border), 0 0 0 4px var(--gin-color-focus);
|
|
border-color: var(--gin-color-focus-border);
|
|
}
|
|
|
|
.ui-dialog .form-boolean--type-radio:disabled, .ui-dialog .form-boolean--type-radio:disabled:hover {
|
|
cursor: not-allowed;
|
|
background: var(--gin-color-disabled-bg);
|
|
border-color: var(--gin-color-disabled-border);
|
|
}
|
|
|
|
.ui-dialog .form-boolean--type-radio:checked:disabled, .ui-dialog .form-boolean--type-radio:checked:disabled:hover {
|
|
background: var(--gin-color-disabled);
|
|
box-shadow: inset 0 0 0 5px var(--gin-color-disabled-bg);
|
|
}
|
|
|
|
.ui-dialog .form-boolean--type-checkbox[disabled], .ui-dialog .form-boolean--type-checkbox[disabled]:hover {
|
|
cursor: not-allowed;
|
|
background-color: var(--gin-color-disabled-bg);
|
|
border-color: var(--gin-color-disabled-border);
|
|
}
|
|
|
|
.ui-dialog .form-boolean--type-checkbox[disabled]:checked, .ui-dialog .form-boolean--type-checkbox[disabled]:hover:checked {
|
|
border-color: var(--gin-color-disabled-border);
|
|
background-color: var(--gin-color-disabled-bg);
|
|
box-shadow: none;
|
|
}
|
|
|
|
.ui-dialog .form-radios .form-type--boolean,
|
|
.ui-dialog .form-checkboxes .form-type--boolean {
|
|
margin-top: var(--gin-spacing-xs);
|
|
margin-bottom: var(--gin-spacing-xs);
|
|
}
|
|
|
|
.ui-dialog .form-actions {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ui-dialog .form-edit .form-actions {
|
|
padding: 0;
|
|
margin-bottom: 0;
|
|
border: 0 none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.ui-dialog fieldset:not(.fieldgroup) {
|
|
color: var(--gin-color-text-light);
|
|
padding-top: var(--gin-spacing-xs);
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
background: transparent;
|
|
border-color: var(--gin-border-color);
|
|
border-radius: var(--gin-border-m);
|
|
box-shadow: none;
|
|
}
|
|
|
|
.ui-dialog fieldset:not(.fieldgroup) > legend {
|
|
top: 20px;
|
|
}
|
|
|
|
.ui-dialog fieldset:not(.fieldgroup) > .fieldset-wrapper {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.ui-dialog fieldset:not(.fieldgroup).error {
|
|
border: 2px solid var(--gin-color-danger);
|
|
}
|
|
|
|
.ui-dialog .fieldset__label,
|
|
.ui-dialog .fieldset__label--group,
|
|
.ui-dialog .form-item__label {
|
|
font-size: var(--gin-font-size-s);
|
|
font-weight: var(--gin-font-weight-semibold);
|
|
color: var(--gin-color-title);
|
|
margin-top: 0;
|
|
margin-bottom: var(--gin-spacing-xs);
|
|
}
|
|
|
|
.ui-dialog .form-item__label.has-error,
|
|
.ui-dialog .form-item__error-message {
|
|
color: var(--gin-color-danger);
|
|
}
|
|
|
|
.ui-dialog .form-item__description,
|
|
.ui-dialog .fieldset__description {
|
|
max-width: 520px;
|
|
color: var(--gin-color-text-light);
|
|
}
|
|
|
|
.ui-dialog .form-item__label.form-required::after,
|
|
.ui-dialog .fieldset__label.form-required::after,
|
|
.ui-dialog .form-required > .fieldset__label::after,
|
|
.ui-dialog .horizontal-tab-button .form-required::after,
|
|
.ui-dialog .vertical-tabs__menu-link .form-required::after {
|
|
content: "*";
|
|
color: var(--gin-color-danger);
|
|
line-height: 1;
|
|
margin-right: .15em;
|
|
margin-left: .15em;
|
|
vertical-align: text-top;
|
|
background: none;
|
|
}
|
|
|
|
.ui-dialog .claro-details.error {
|
|
border: 2px solid var(--gin-color-danger);
|
|
}
|
|
|
|
.ui-dialog .claro-details__summary:not(.form-required) .required-mark {
|
|
display: none;
|
|
}
|
|
|
|
.ui-dialog .form-item__warning {
|
|
display: inline-block;
|
|
margin-top: var(--gin-spacing-xs);
|
|
}
|
|
|
|
[dir="ltr"] .ui-dialog html.js .form-autocomplete {
|
|
padding-right: 36px;
|
|
}
|
|
|
|
[dir="rtl"] .ui-dialog html.js .form-autocomplete {
|
|
padding-left: 36px;
|
|
}
|
|
|
|
.ui-dialog .entity-form-display-form > .form-actions {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ui-dialog .required-mark::after {
|
|
background: var(--gin-color-danger);
|
|
-webkit-mask-image: url("../../media/sprite.svg#asterisk-view");
|
|
mask-image: url("../../media/sprite.svg#asterisk-view");
|
|
-webkit-mask-position: center center;
|
|
mask-position: center center;
|
|
-webkit-mask-size: 100% 100%;
|
|
mask-size: 100% 100%;
|
|
}
|
|
|
|
.ui-dialog .form-wrapper .form-item__label,
|
|
.ui-dialog .form-composite .form-item__label {
|
|
position: relative;
|
|
}
|
|
|
|
.ui-dialog .field--type-text-with-summary .form-item,
|
|
.ui-dialog .field--widget-text-textarea .form-item {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ui-dialog .field--type-text-with-summary .filter-wrapper,
|
|
.ui-dialog .field--widget-text-textarea .filter-wrapper {
|
|
border: 0 none;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
[dir="ltr"] .ui-dialog html.js input.form-linkit-autocomplete {
|
|
padding-right: var(--gin-spacing-xl);
|
|
background-position: right 8px center;
|
|
}
|
|
|
|
[dir="rtl"] .ui-dialog html.js input.form-linkit-autocomplete {
|
|
padding-left: var(--gin-spacing-xl);
|
|
background-position: left 8px center;
|
|
}
|
|
|
|
.ui-dialog .claro-autocomplete {
|
|
width: calc(100% - var(--gin-spacing-m));
|
|
}
|
|
|
|
.ui-dialog .claro-autocomplete .form-autocomplete {
|
|
width: 100%;
|
|
}
|
|
|
|
.ui-dialog .no-touchevents .form-element--type-select.form-element--extrasmall {
|
|
font-size: var(--gin-font-size-s);
|
|
line-height: 1.5;
|
|
min-height: 1.75rem;
|
|
}
|
|
|
|
.ui-dialog #block-gin-content > form > .form-item:first-of-type {
|
|
margin-top: 0;
|
|
}
|
|
|
|
[dir="ltr"] .ui-dialog .image-style-new .form-item {
|
|
margin-right: var(--gin-spacing-xxs);
|
|
}
|
|
|
|
[dir="rtl"] .ui-dialog .image-style-new .form-item {
|
|
margin-left: var(--gin-spacing-xxs);
|
|
}
|
|
|
|
.ui-dialog tr .form-item {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ui-dialog .container-inline .form-item {
|
|
margin-top: var(--gin-spacing-density-s);
|
|
margin-bottom: var(--gin-spacing-density-s);
|
|
}
|
|
|
|
.ui-dialog .field-plugin-settings-edit-form {
|
|
margin-top: var(--gin-spacing-s);
|
|
}
|
|
|
|
.ui-dialog .field-plugin-settings-edit-form .form-item {
|
|
margin-top: var(--gin-spacing-m);
|
|
margin-bottom: var(--gin-spacing-m);
|
|
}
|
|
|
|
.ui-dialog .field-plugin-settings-edit-form .form-boolean-group .form-item {
|
|
margin-top: var(--gin-spacing-xs);
|
|
margin-bottom: var(--gin-spacing-xs);
|
|
}
|
|
|