91 lines
3.4 KiB
CSS
91 lines
3.4 KiB
CSS
/* Modal titles follow the customer Service Requests heading. Keep section and
|
|
calendar headings independent from dialog typography. */
|
|
.opportunities-extension-modal :is(
|
|
.opportunities-extension-header,
|
|
.opportunities-extension-account-plans-header,
|
|
.opportunities-extension-preferences-header
|
|
) {
|
|
padding: 16px;
|
|
gap: 16px;
|
|
align-items: flex-start;
|
|
}
|
|
/* The main heading, status badges and toolbar share one vertical center. */
|
|
.opportunities-extension-modal .opportunities-extension-header {
|
|
align-items: center;
|
|
}
|
|
.opportunities-extension-modal .opportunities-extension-header .opportunities-extension-title-row,
|
|
.opportunities-extension-modal .opportunities-extension-header .opportunities-extension-subtitle-row,
|
|
.opportunities-extension-modal .opportunities-extension-header .opportunities-extension-header-actions {
|
|
align-items: center;
|
|
}
|
|
.opportunities-extension-modal .opportunities-extension-header .opportunities-extension-subtitle-row {
|
|
margin-block: 0;
|
|
}
|
|
/* These headers live in panels that already supply the outer inset. */
|
|
.opportunities-extension-modal :is(.oe-org-dialog.oe-contact-dialog,
|
|
.oe-org-confirm-panel, .opportunities-extension-projection-confirm,
|
|
.opportunities-extension-debug-panel) { padding: 16px; }
|
|
.opportunities-extension-modal :is(.oe-org-editor-header,
|
|
.opportunities-extension-debug-panel-header) {
|
|
padding: 0;
|
|
gap: 16px;
|
|
align-items: flex-start;
|
|
}
|
|
.opportunities-extension-modal :is(
|
|
.opportunities-extension-account-plans-header,
|
|
.opportunities-extension-preferences-header,
|
|
.opportunities-extension-debug-panel-header
|
|
) p {
|
|
margin: 5px 0 0;
|
|
font-family: "Oracle Sans", Arial, Helvetica, sans-serif;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
line-height: 1.35;
|
|
letter-spacing: normal;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
/* Search controls share the 16px inset of their table frames. */
|
|
.opportunities-extension-modal :is(.opportunities-extension-customer-table-toolbar,
|
|
.opportunities-extension-ratecard-toolbar,
|
|
.opportunities-extension-ratecard-plan-details) { padding-inline: 16px; }
|
|
.opportunities-extension-modal .opportunities-extension-customer-table-toolbar {
|
|
padding-block: 12px;
|
|
}
|
|
.opportunities-extension-modal .opportunities-extension-customer-table-search {
|
|
width: min(420px, 100%);
|
|
height: 38px;
|
|
padding: 8px 12px;
|
|
font-size: 13px;
|
|
line-height: 20px;
|
|
}
|
|
.opportunities-extension-modal :is(
|
|
.opportunities-extension-header,
|
|
.opportunities-extension-account-plans-header,
|
|
.opportunities-extension-preferences-header,
|
|
.opportunities-extension-debug-panel-header,
|
|
.oe-org-editor-header
|
|
) :is(h1, h2, h3),
|
|
.opportunities-extension-modal .opportunities-extension-projection-confirm h2,
|
|
.opportunities-extension-modal .oe-org-confirm-panel h3 {
|
|
margin: 0;
|
|
font-family: "Oracle Sans", Arial, Helvetica, sans-serif;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 24px;
|
|
letter-spacing: normal;
|
|
color: #312d2a;
|
|
min-width: 0;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
.opportunities-extension-modal[data-theme="dark"] :is(
|
|
.opportunities-extension-header,
|
|
.opportunities-extension-account-plans-header,
|
|
.opportunities-extension-preferences-header,
|
|
.opportunities-extension-debug-panel-header,
|
|
.oe-org-editor-header
|
|
) :is(h1, h2, h3),
|
|
.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-projection-confirm h2,
|
|
.opportunities-extension-modal[data-theme="dark"] .oe-org-confirm-panel h3 {
|
|
color: #f6f4f2;
|
|
}
|