UNPKG

@syncfusion/ej2-inplace-editor

Version:

A package of Essential JS 2 Inplace editor components, which is used to edit and update the value dynamically in server.

680 lines (650 loc) 22.2 kB
/* stylelint-disable property-no-vendor-prefix */ /* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */ .e-popup.e-ddl { border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; margin-top: 3px; } .e-popup.e-ddl .e-input-group { width: auto; } .e-popup.e-ddl .e-input-group input { line-height: 15px; } .e-popup.e-ddl .e-dropdownbase { min-height: 26px; } .e-popup.e-ddl .e-filter-parent .e-input-group { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; } .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon { border: 0; } .e-input-group.e-control-wrapper.e-ddl .e-input[readonly], .e-float-input.e-control-wrapper.e-ddl input[readonly] { background: transparent; } .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly], .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] { background: #e9ecef; } .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active, .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover, .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active, .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover, .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active, .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover, .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active, .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover { background: transparent; color: #6c757d; } .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon, .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon, .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon, .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon { background: transparent; color: #6c757d; } .e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon, .e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon, .e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon, .e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon { background: #e9ecef; } .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon, .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon, .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon, .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon { border: 0; } .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active, .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active, .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active, .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active { -webkit-box-shadow: none; box-shadow: none; } .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon { background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .e-ddl.e-popup .e-filter-parent .e-input-group, .e-ddl.e-popup .e-filter-parent { background: #fff; } .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon { font-size: 14px; } .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before { line-height: 30px; top: 0; } .e-multiselect .e-input-group-icon.e-ddl-icon { border-radius: 0 2px 2px 0; border-right-width: 0; } .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon { border-left-width: 0; border-radius: 4px 0 0 4px; border-right-width: 1px; } .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon { height: 32px; width: 32px; } .e-multi-select-wrapper .e-searcher input[type=text], .e-multi-select-wrapper .e-multi-searcher input[type=text] { color: #212529; height: 100%; } .e-multiselect .e-input-group-icon.e-ddl-icon { border-left-width: 0; } .e-float-input.e-control-wrapper.e-multiselect input[readonly] { background: transparent; } /* stylelint-disable-line no-empty-source */ /* stylelint-disable property-no-vendor-prefix */ @-webkit-keyframes material-spinner-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes material-spinner-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes fabric-spinner-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fabric-spinner-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*! inplaceeditor icons */ .e-inplaceeditor .e-save-icon::before, .e-inplaceeditor-tip .e-save-icon::before { content: "\e774"; } .e-inplaceeditor .e-cancel-icon::before, .e-inplaceeditor-tip .e-cancel-icon::before { content: "\e7e7"; } .e-inplaceeditor .e-editable-overlay-icon::before, .e-inplaceeditor-tip .e-editable-overlay-icon::before { content: "\e730"; } .e-inplaceeditor { display: inline-block; position: relative; width: auto; } .e-inplaceeditor .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide { display: block; visibility: hidden; } .e-inplaceeditor .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide { display: block; visibility: hidden; } .e-inplaceeditor .e-editable-value-wrapper { display: inline-block; padding: 3px 8px 5px 8px; position: relative; width: auto; word-break: break-word; } .e-inplaceeditor .e-editable-value-wrapper .e-editable-value { display: inline-block; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 14px; margin: 0 28px 0 0; } .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon { bottom: 0; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: inherit; position: absolute; right: 8px; top: 0; visibility: hidden; width: 20px; } .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; } .e-inplaceeditor .e-editable-value-wrapper.e-hide { display: none; } .e-inplaceeditor .e-editable-value-wrapper.e-editable-open { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .e-inplaceeditor .e-editable-value-wrapper.e-loading { pointer-events: none; } .e-inplaceeditor .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner { left: unset; right: 8px; } .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-overlay-icon { visibility: visible; } .e-inplaceeditor .e-editable-value-wrapper:hover.e-editable-open .e-editable-overlay-icon { visibility: hidden; } .e-inplaceeditor .e-editable-value-container { display: inline-block; padding: 3px 8px 5px 8px; position: relative; width: auto; word-break: break-word; } .e-inplaceeditor .e-editable-value-container .e-editable-value { display: inline-block; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 14px; margin: 0 28px 0 0; } .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon { bottom: 0; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: inherit; position: absolute; right: 8px; top: 0; visibility: hidden; width: 20px; } .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; } .e-inplaceeditor .e-editable-value-container.e-hide { display: none; } .e-inplaceeditor .e-editable-value-container.e-editable-open { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .e-inplaceeditor .e-editable-value-container.e-loading { pointer-events: none; } .e-inplaceeditor .e-editable-value-container .e-spinner-pane .e-spinner-inner { left: unset; right: 8px; } .e-inplaceeditor .e-editable-value-container:hover .e-editable-overlay-icon { visibility: visible; } .e-inplaceeditor .e-editable-value-container:hover.e-editable-open .e-editable-overlay-icon { visibility: hidden; } .e-inplaceeditor .e-editable-action-buttons { margin-top: 4px; position: absolute; right: 0; z-index: 100; } .e-inplaceeditor.e-overlay { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-value { margin: 0 0 0 28px; } .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon { left: 8px; right: auto; } .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane { right: unset; } .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane, .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner { left: 8px; } .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-value { margin: 0 0 0 28px; } .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-overlay-icon { left: 8px; right: auto; } .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane { right: unset; } .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane, .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner { left: 8px; } .e-inplaceeditor.e-rtl .e-editable-action-buttons { left: 0; right: auto; } .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle, .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle { stroke-width: inherit; } .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle, .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle { stroke-width: inherit; } .e-inplaceeditor .e-editable-loading, .e-inplaceeditor-tip .e-editable-loading { display: none; min-height: 100%; position: absolute; top: 0; } .e-inplaceeditor .e-editable-loading.e-show, .e-inplaceeditor-tip .e-editable-loading.e-show { display: block; } .e-inplaceeditor .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner, .e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner { left: auto; right: 5px; -webkit-transform: translateX(-30%) translateY(-50%); transform: translateX(-30%) translateY(-50%); } .e-inplaceeditor .e-editable-form, .e-inplaceeditor-tip .e-editable-form { width: 100%; } .e-inplaceeditor .e-editable-form.e-loading .e-input-group-icon, .e-inplaceeditor-tip .e-editable-form.e-loading .e-input-group-icon { visibility: hidden; } .e-inplaceeditor .e-component-group, .e-inplaceeditor-tip .e-component-group { margin-bottom: 4px; } .e-inplaceeditor .e-component-group .e-editable-component, .e-inplaceeditor-tip .e-component-group .e-editable-component { min-width: 150px; position: relative; } .e-inplaceeditor .e-control-overlay, .e-inplaceeditor-tip .e-control-overlay { visibility: hidden; } .e-inplaceeditor .e-control-overlay.e-richtexteditor, .e-inplaceeditor-tip .e-control-overlay.e-richtexteditor { opacity: 0.5; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; visibility: visible; } .e-inplaceeditor .e-editable-action-buttons .e-btn-save, .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save { margin: 0 4px 0 0; } .e-inplaceeditor .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons, .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons { font-size: 16px; } .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel, .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel { margin: 0 0 0 4px; } .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons, .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons { font-size: 16px; } .e-inplaceeditor .e-editable-action-buttons.e-hide, .e-inplaceeditor-tip .e-editable-action-buttons.e-hide { visibility: hidden; } .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-save, .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-save { margin: 0 0 0 4px; } .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-cancel, .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-cancel { margin: 0 4px 0 0; } .e-inplaceeditor.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner, .e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner { left: 5px; right: auto; -webkit-transform: translateX(30%) translateY(-50%); transform: translateX(30%) translateY(-50%); } .e-inplaceeditor-tip { opacity: 1; width: auto; } .e-inplaceeditor-tip.e-tooltip-wrap { max-width: 100%; } .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide, .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide { display: block; visibility: hidden; } .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content { padding: 0; } .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title { -ms-flex-line-pack: center; align-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 12px; font-weight: 500; height: 36px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 9px 12px 9px 12px; } .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px; } .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons { float: right; margin-top: 4px; position: relative; right: auto; top: auto; } .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px; } .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons { float: right; margin-top: 4px; position: relative; right: auto; top: auto; } .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper { padding: 12px; } .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container { padding: 12px; } .e-inplaceeditor-tip.e-hide { visibility: hidden; } .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title { padding: 9px 12px 9px 12px; } .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons { float: left; } .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons { float: left; } .e-content-placeholder.e-inplaceeditor.e-placeholder-inplaceeditor { background-size: 150px 60px; min-height: 60px; } .e-control .e-inplaceeditor, .e-tooltip-wrap.e-popup.e-inplaceeditor-tip.e-popup-open, .e-inplaceeditor .e-input-group.e-control-wrapper.e-editable-elements { border-radius: 4px; } .e-control.e-inplaceeditor .e-editable-value-wrapper { min-height: 30px; } .e-inplaceeditor .e-editable-value-wrapper .e-editable-value { border-bottom: 1px dashed #212529; color: #212529; } .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon { color: #6c757d; } .e-inplaceeditor .e-editable-value-wrapper.e-loading .e-editable-value { border-bottom: 0; } .e-inplaceeditor .e-editable-value-wrapper:hover { background: #e9ecef; border-radius: 4px; } .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-value { border-bottom-color: transparent; } .e-inplaceeditor .e-editable-value-container .e-editable-value { border-bottom: 1px dashed #212529; color: #212529; } .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon { color: #6c757d; } .e-inplaceeditor .e-editable-value-container.e-loading .e-editable-value { border-bottom: 0; } .e-inplaceeditor .e-editable-value-container:hover { background: #e9ecef; border-radius: 4px; } .e-inplaceeditor .e-editable-value-container:hover .e-editable-value { border-bottom-color: transparent; } .e-inplaceeditor[data-underline=false] .e-editable-value-wrapper .e-editable-value { border-bottom: 0; } .e-inplaceeditor[data-underline=false] .e-editable-value-container .e-editable-value { border-bottom: 0; } .e-inplaceeditor.e-disable { pointer-events: none; -ms-touch-action: none; touch-action: none; } .e-inplaceeditor.e-disable .e-editable-value-wrapper .e-editable-value { border-bottom-color: transparent; } .e-inplaceeditor.e-disable .e-editable-value-container .e-editable-value { border-bottom-color: transparent; } .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn, .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn, .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn, .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn { background-color: #fff; border: 1px solid #dee2e6; border-radius: 4px; } .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons, .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons, .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons { color: #6c757d; } .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover, .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover, .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover, .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover { background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339); border: 1px solid rgb(84.3605150215, 91.3905579399, 97.6394849785); } .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled, .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled, .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled, .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled { background-color: #fff; border: 1px solid #dee2e6; border-radius: 4px; } .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons, .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons, .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons { color: #fff; } .e-inplaceeditor .e-editable-value-wrapper { background-color: transparent; border-radius: 4px; } .e-inplaceeditor .e-editable-value-wrapper.e-tooltip.e-editable-open { background: #fff; } .e-inplaceeditor-tip.e-tooltip-wrap.e-popup { background: #fff; -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175); box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175); } .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content { border-radius: 4px; color: #212529; } .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-inner { color: #f8f9fa; } .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-top { border-bottom-color: #f8f9fa; } .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-bottom { border-top-color: #f8f9fa; } .e-inplaceeditor-tip.e-tooltip-wrap.e-popup.e-popup { border: 1px solid #ced4da; } .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-editable-title { background: #f8f9fa; border-bottom: 0; color: #212529; } .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top { border-bottom-color: #ced4da; } .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top { color: #f8f9fa; }