| Current Path : /var/www/homesaver/www/bitrix/js/ui/form-elements/view/src/css/ |
| Current File : /var/www/homesaver/www/bitrix/js/ui/form-elements/view/src/css/main.css |
.ui-section__content .ui-section__row-tool-selector_title {
margin-left: 10px;
font-size: var(--ui-font-size-xl);
}
.ui-section__content .ui-section__row {
padding: 16px 20px 0 20px;
}
.ui-section__content .ui-section__row:first-child,
.ui-section__content .ui-section__row:first-child .ui-section__field-switcher,
.ui-section__content .ui-section__row:first-child .ui-section__field-switcher .ui-section__field {
margin-top: 0;
}
.ui-section__content .ui-section__row:last-child {
padding-bottom: 20px;
}
.ui-section__content .ui-section__row.ui-section__subrow:last-child {
padding-bottom: 15px;
}
.ui-section__content .ui-section__row.--bottom-separator {
padding-bottom: 15px;
}
.ui-section__content .ui-section__row.--bottom-separator.--block {
padding-bottom: 20px;
}
.ui-section__content .ui-section__row.--top-separator {
padding-top: 15px;
}
.ui-section__content .ui-section__row.--top-separator.--block {
padding-top: 20px;
}
.ui-section__content .ui-section__row.--first {
padding-bottom: 0;
}
.ui-section__content .ui-section__row .ui-section__switcher {
margin-right: 8px;
font-size: 0;
}
.ui-section__content .ui-section__row .ui-section__field-selector .ui-section__hint {
position: relative;
align-self: center;
}
.ui-section__field-switcher.--extra-small .ui-section__title {
font-size: var(--ui-font-size-sm);
}
.ui-section__field-switcher.--small .ui-section__title {
font-size: var(--ui-font-size-lg);
}
.ui-section__content .ui-section__row .ui-section__field-selector .ui-section__hint .ui-section__title,
.ui-section__field-switcher .ui-section__field-inline-box .ui-section__hint .ui-section__title {
margin-block: 0;
font-size: var(--ui-font-size-sm);
color: rgba(var(--ui-color-base-90-rgb), var(--ui-opacity-50));
}
.ui-section__content .ui-section__row .ui-section__field-selector .ui-section__hint .ui-section__description,
.ui-section__field-switcher .ui-section__field-inline-box .ui-section__hint .ui-section__description {
font-size: var(--ui-font-size-md);
color: var(--ui-color-base-80);
}
.ui-section__separator-row {
height: 0.5px;
background-color: var(--ui-color-base-90);
opacity: 0.08;
margin: 0 20px;
}
.ui-section__subrow,
.ui-section__row .ui-section__separator-row {
margin-left: 60px;
}
.ui-section__row.--no-padding {
padding: 0;
}
.ui-section__row .ui-section__separator-row {
margin-top: 15px;
}
.--row-frame_gray {
padding: 12px;
border-radius: var(--ui-border-radius-sm);
background-color: var(--ui-color-base-03);
}
.ui-section__error-container {
padding-top: 5px;
color: var(--ui-field-color-danger);
font-size: var(--ui-font-size-xs);
}
.ui-section__error-container .ui-section__error-message .ui-icon-set {
--ui-icon-set__icon-color: var(--ui-field-color-danger);
height: 18px;
}
.ui-section__field-switcher .ui-section__field,
.ui-section__field-switcher .ui-section__title,
.ui-section__error-container .ui-section__error-message,
.ui-section__field-selector .ui-section__field .ui-section__label,
.ui-section__field-switcher-box {
display: flex;
}
.ui-section__field-switcher .ui-section__field {
margin-top: 0;
}
.ui-section__field-switcher .ui-section__title {
align-items: center;
margin-bottom: 3px;
font-size: var(--ui-font-size-xl);
color: var(--ui-color-palette-black-base);
}
.bx-win .ui-section__field-switcher .ui-section__title {
margin-top: -2px;
}
.ui-section__field-selector .ui-section__hint,
.ui-section__field-switcher .ui-section__hint {
font-size: var(--ui-font-size-sm);
color: var(--ui-color-base-60);
align-self: center;
}
.ui-section__switcher-title {
margin-top: 1px;
font-size: var(--ui-font-size-xl);
color: var(--ui-color-base-80);
}
.ui-section__field-switcher-box .ui-section__switcher-title {
margin-top: 0;
}
.ui-section__field-inner,
.ui-section__row.ui-section__subrow {
width: 100%;
padding-bottom: 15px;
border-bottom: 1px solid rgba(var(--ui-color-base-90-rgb), .08);
}
.ui-section__row.ui-section__subrow.--no-border {
border-bottom: none;
}
.ui-section__row.ui-section__subrow {
width: calc(100% - 60px);
padding: 12px 0 0 0;
}
.ui-section__row.--bottom-separator .ui-section__field-inner,
.ui-section__row.--bottom-separator .ui-section__row.ui-section__subrow,
.ui-section__field-switcher.--hide-separator .ui-section__field-inner {
padding-bottom: 0;
border-bottom: none;
}
.ui-section__field-switcher.--align-center .ui-section__field {
align-items: center;
}
.ui-section__field-switcher.--gray-title .ui-section__title {
color: var(--ui-color-base-80);
}
.ui-section__field-switcher.--align-center .ui-section__field-switcher-box {
align-items: center;
}
.ui-section__field-switcher.--align-center .ui-section__field-inline-separator {
position: relative;
top: 50%;
margin-top: 0;
transform: translateY(-50%);
}
.ui-section__field-switcher.--no-margin-bottom .ui-section__field,
.ui-section__field-switcher.--no-margin-bottom,
.ui-section__field-switcher.--no-margin-bottom .ui-section__title {
margin-bottom: 0;
}
.ui-section__field-switcher .ui-section__error-container {
padding-top: 0;
}
.ui-section__field-inline-box {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 40px;
}
.ui-section__field-selector.--field-separator .ui-section__field-inline-box,
.ui-section__field-switcher.--field-separator .ui-section__field-inline-box {
grid-template-columns: 2fr auto 1fr;
gap: 0;
}
.ui-section__field-selector.--no-border .ui-section__field-inner {
border-bottom: none;
}
.ui-section__field-selector.--no-hint-padding .ui-section__hint .ui-section__field-inner {
padding-bottom: 0;
}
.ui-section__field-selector.--no-hint-padding .ui-section__hint .ui-section__field {
margin-bottom: 0;
}
.ui-section__field-inline-separator {
display: block;
margin: 13px 20px 0 20px;
width: 1px;
height: 16px;
background-color: rgba(var(--ui-color-base-90-rgb), var(--ui-opacity-20));
}
.section-content .ui-section__row:last-child .ui-section__field-inner,
.ui-section__row.ui-section__subrow .ui-section__field-switcher .ui-section__field-inner {
padding-bottom: 0;
border-bottom: none;
}
.ui-section__hint .more {
text-decoration: var(--ui-text-decoration-line-underline);
color: var(--ui-color-base-50);
}
.ui-section__field-user_selector.subfield {
margin-top: 20px;
margin-left: 60px;
}
.ui-section__field-label_box {
display: flex;
}
.ui-section__field-label {
display: block;
margin: 0 5px 5px 0;
font-size: var(--ui-font-size-sm);
color: var(--ui-color-base-50);
}
.ui-section__field-label.--mb-13 {
margin-bottom: 13px;
}
.field-has-lock {
cursor: pointer;
}
.ui-section__field-label_box .field-has-lock,
.ui-section__field-switcher .field-has-lock {
width: 19px;
height: 19px;
--ui-icon-set__icon-color: var(--ui-color-base-40);
}
.bx-win .ui-section__field-label_box .field-has-lock,
.bx-win .ui-section__field-switcher .field-has-lock {
margin-top: 2px;
}
.ui-section__field-selector .field-has-lock {
width: 16px;
height: 16px;
}
.ui-form-elements-menu-item.--selected {
font-weight: var(--ui-font-weight-semi-bold);
}
/* region Picker start */
.ui-section__picker-wrapper .ui-section__label {
margin-bottom: 5px;
font-size: var(--ui-font-size-xl);
color: var(--ui-color-base-90);
opacity: var(--ui-opacity-50);
}
.ui-section__picker-wrapper .ui-section__item-collection {
display: flex;
gap: 16px;
}
.ui-section__picker-wrapper .ui-section__field-label {
margin-bottom: 6px;
}
.ui-section__picker-wrapper .ui-section__item-collection .ui-section__item {
height: 60px;
width: 60px;
border: 2px solid var(--ui-color-base-10);
border-radius: var(--ui-border-radius-xs);
background-color: var(--ui-color-background-primary);
font-size: var(--ui-font-size-2xl);
text-align: center;
line-height: 57px;
font-weight: var(--ui-font-weight-semi-bold);
box-sizing: border-box;
cursor: pointer;
}
.ui-section__picker-wrapper .ui-section__item.ui-section__selected {
position: relative;
border: 3px solid var(--ui-color-primary);
line-height: 55px;
}
.ui-section__picker-wrapper .ui-section__item.ui-section__selected::after {
content: '';
position: absolute;
top: -7px;
right: -7px;
height: 20px;
width: 20px;
background: url(../images/ui-section-status.svg) no-repeat;
}
/* endregion */
/* region Tools */
.ui-section__tools-subgroup_left-wrapper {
display: flex;
align-items: center;
}
.ui-section__tools-subgroup-description-link {
display: none;
cursor: pointer;
border-bottom: 1px solid var(--ui-color-palette-gray-50);
transition: .2s linear;
font-size: var(--ui-font-size-md);
color: var(--ui-color-palette-gray-50);
}
.ui-section__row-tool-selector.--tool-selector.--active:hover .ui-section__tools-subgroup-description-link {
display: block;
}
.ui-ctl-element.--readonly {
cursor: default;
}
.ui-form-textarea {
height: auto;
min-height: auto;
}
/* endregion */