/* Explicit opt-in for approved dense business workspaces and teleported dialogs. */ .admin-density, .admin-density-dialog { --el-font-size-base: 13px; --el-component-size: 32px; --cc-list-table-font-size: 13px; --cc-list-action-font-size: 13px; font-size: 13px; } .admin-density .surface-panel, .admin-density .query-toolbar { border-radius: 4px; box-shadow: none; } .admin-density .el-table, .admin-density-dialog .el-table { --el-table-header-bg-color: #f8fafc; --el-table-border-color: #e5e7eb; --el-table-row-hover-bg-color: #f3f7fb; font-size: 13px; } .admin-density .data-table .el-table .el-table__cell, .admin-density-dialog .el-table .el-table__cell { height: 36px; padding: 4px 0; } .admin-density .el-table .cell, .admin-density-dialog .el-table .cell { line-height: 22px; } .admin-density .el-table .el-button--small, .admin-density-dialog .el-table .el-button--small { height: 28px; padding: 4px 8px; } .admin-density .el-table__body tr.el-table__row--striped td.el-table__cell { background: #fcfcfd; } .admin-density .data-table .data-table__toolbar { min-height: 44px; padding: 6px 12px; } .admin-density .data-table .data-table__pagination { min-height: 48px; padding: 8px 12px; } .admin-density .el-empty { padding: 12px 0; } .admin-density .el-empty__image { display: none; } .admin-density .el-empty__description { margin-top: 0; } .admin-density .el-empty__description p { font-size: 13px; } .admin-density-dialog .el-form-item__label { line-height: 22px; } .admin-density-dialog .el-descriptions__label.el-descriptions__cell { font-size: 12px; background: #f8fafc; } .admin-density-dialog .el-descriptions__content.el-descriptions__cell { font-size: 13px; overflow-wrap: anywhere; } .admin-density-dialog.el-dialog.is-fullscreen { width: 100%; max-width: 100%; height: 100vh; max-height: 100vh; margin: 0; border-radius: 0; } .admin-density-dialog.el-dialog.admin-density-workspace:not(.is-fullscreen) { height: 92vh; max-height: 92vh; margin-top: 4vh; } .admin-density-dialog .el-dialog__headerbtn { top: 0; } .admin-density-dialog .app-dialog__native-fullscreen-control { top: 6px; } .admin-density .density-tab-icon { display: inline-flex; align-items: center; justify-content: center; width: 18px; font: 17px/1 "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif; } .admin-density-confirm.el-message-box { --el-font-size-base: 13px; border-radius: 4px; padding: 12px 16px; } .admin-density-confirm .el-message-box__title { font-size: 16px; } /* Dialogs are teleported; opt in explicitly instead of styling all AppDialog instances. */ .admin-density-dialog.el-dialog { --el-font-size-base: 13px; --el-component-size: 32px; display: flex; flex-direction: column; overflow: hidden; padding: 0; border-radius: 4px; } .admin-density-dialog.el-dialog:not(.is-fullscreen) { margin-top: 6vh; max-height: 88vh; } .admin-density-dialog.el-dialog .el-dialog__header { flex: 0 0 auto; margin: 0; padding: 10px 48px 10px 16px; border-bottom: 1px solid var(--cc-border); } .admin-density-dialog.el-dialog .el-dialog__title { font-size: 16px; line-height: 24px; font-weight: 600; } .admin-density-dialog.el-dialog .el-dialog__body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 12px 16px; } .admin-density-dialog.el-dialog .el-dialog__footer { flex: 0 0 auto; padding: 8px 16px; border-top: 1px solid var(--cc-border); } .admin-density-dialog.el-dialog .el-table { font-size: 13px; } .admin-density-dialog.el-dialog .el-table__cell { height: 36px; padding: 4px 0; } .admin-density-dialog.el-dialog .el-table .cell { line-height: 22px; } .admin-density-dialog.el-dialog .el-form-item { margin-bottom: 14px; } .admin-density-dialog.el-dialog .el-form-item__label { font-size: 13px; } .admin-density-dialog.el-dialog .el-alert { padding: 8px 10px; border-radius: 3px; } .admin-density-dialog.el-dialog .el-empty { padding: 12px 0; } .admin-density-dialog.el-dialog .el-empty__image { display: none; } .admin-density-dialog.el-dialog .el-empty__description { margin-top: 0; }