48 lines
1.3 KiB
CSS
48 lines
1.3 KiB
CSS
/* MgGridInfoPanel scoped styles - component-specific overrides only */
|
|
/* Base styles are in wwwroot/css/mg-grid-info-panel.css */
|
|
|
|
/* Shared edit mode background color configuration */
|
|
/* Grid row background: #fffbeb (see MgGridBase.cs OnCustomizeElement) */
|
|
/* InfoPanel background: #fffbeb (see below .edit-mode) */
|
|
/* Border color: #f59e0b */
|
|
|
|
/* Edit/View mode transitions and specific colors */
|
|
.mg-grid-info-panel {
|
|
transition: background-color 0.3s ease, border-color 0.3s ease;
|
|
}
|
|
|
|
.mg-grid-info-panel.view-mode {
|
|
background-color: var(--DS-color-surface-neutral-subdued-rest, #f8f9fa) !important;
|
|
border-left: 3px solid transparent !important;
|
|
}
|
|
|
|
/* Fallback styles for info-panel-form (not in global CSS) */
|
|
.info-panel-form {
|
|
width: 100%;
|
|
}
|
|
|
|
.info-panel-form .fw-semibold {
|
|
font-weight: 600;
|
|
color: var(--DS-color-content-neutral-subdued-rest, #495057);
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
.info-panel-form .fw-semibold.text-primary {
|
|
color: var(--DS-color-content-primary-default-rest, #0d6efd);
|
|
}
|
|
|
|
/* Text overflow handling - show ellipsis and full text in tooltip */
|
|
.info-panel-text-wrapper {
|
|
width: 100%;
|
|
}
|
|
|
|
.info-panel-text-wrapper input[readonly] {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.mg-info-panel-value-bool {
|
|
/* Keep left aligned */
|
|
}
|