Skip to content

Commit a962a26

Browse files
author
unknown
committed
admin(typography): unify h1/h2/h3 to page-title scale + add Manage Courses title
Per project design convention: every admin page title — including h2 and h3 — renders at the same big page-title scale used by the grid pages (Invoices / Transactions / Registrations / Search Terms / Workflow Guides). Down-tiered headings would just produce visual inconsistency since the admin has no semantic 'smaller heading' level in its design system. Two changes: 1. sidebar-nav.css — retune the global '.admin-main h1/h2/h3' block so all three share: font-size: 28px font-weight: 700 color: var(--t1, #f1f5f9) line-height: 1.2 margin: 0 0 24px letter-spacing: 0 text-transform: none text-shadow: none h4/h5/h6 keep their compact metadata-label treatment (sizes unchanged, line-height/margin re-asserted explicitly since the consolidated block they used to inherit from no longer carries them). 2. dashboard/index.phtml — Manage Courses panel (route /dashboard/?panel=courses) had no page title at all. Add <h1 class='dev-page-title'>Manage Courses</h1> at the top of .dev-wrap so it picks up the unified title style above the General Search row.
1 parent b741ec6 commit a962a26

2 files changed

Lines changed: 40 additions & 12 deletions

File tree

app/design/adminhtml/default/default/template/dashboard/index.phtml

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2380,6 +2380,7 @@ function courseSyncSaveConfig() {
23802380
</script>
23812381
<?php endif; // MMS_MODE=country ?>
23822382
<div class="dev-wrap">
2383+
<h1 class="dev-page-title">Manage Courses</h1>
23832384
<div class="dev-search-wrap">
23842385
<div style="display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:10px;">
23852386
<div class="dev-search-label" style="margin-bottom:0;">General Search</div>

skin/adminhtml/default/default/sidebar-nav.css

Lines changed: 39 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -4843,23 +4843,50 @@ body .admin-main #anchor-content { padding-left: 0 !important; }
48434843
.admin-main h6 {
48444844
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
48454845
font-weight: 700 !important;
4846-
line-height: 1.4 !important;
48474846
text-shadow: none !important;
4848-
margin: 0 0 8px !important;
48494847
}
4850-
/* H1 — page-level. Reserved for top-of-page titles that
4851-
aren't inside a .dcf-mag-bar (rare). */
4852-
.admin-main h1 { font-size: 22px !important; letter-spacing: 0 !important; text-transform: none !important; }
4853-
/* H2 — large card / section-major (e.g. config section split). */
4854-
.admin-main h2 { font-size: 18px !important; letter-spacing: 0 !important; text-transform: none !important; }
4855-
/* H3 — standard card title. The everyday case. */
4856-
.admin-main h3 { font-size: 14px !important; letter-spacing: 0 !important; text-transform: none !important; }
4848+
/* H1 / H2 / H3 unified to the page-title scale used by every grid
4849+
page in the admin (Invoices / Transactions / Registrations / Search
4850+
Terms / etc.). Per project convention: h2 and h3 across the admin
4851+
render the same as h1 — there's no semantic "smaller heading" tier
4852+
in the design system. h4/h5/h6 stay as compact metadata labels. */
4853+
.admin-main h1,
4854+
.admin-main h2,
4855+
.admin-main h3 {
4856+
font-size: 28px !important;
4857+
font-weight: 700 !important;
4858+
color: var(--t1, #f1f5f9) !important;
4859+
line-height: 1.2 !important;
4860+
margin: 0 0 24px !important;
4861+
letter-spacing: 0 !important;
4862+
text-transform: none !important;
4863+
}
48574864
/* H4 — form-panel head (.entry-edit-head h4, .box-head h4). */
4858-
.admin-main h4 { font-size: 13px !important; letter-spacing: 0 !important; text-transform: none !important; }
4865+
.admin-main h4 {
4866+
font-size: 13px !important;
4867+
line-height: 1.4 !important;
4868+
margin: 0 0 8px !important;
4869+
letter-spacing: 0 !important;
4870+
text-transform: none !important;
4871+
}
48594872
/* H5 — small uppercase sub-label (e.g. "Additional Cache Management"). */
4860-
.admin-main h5 { font-size: 12px !important; letter-spacing: 0.6px !important; text-transform: uppercase !important; color: var(--t4, #94a3b8) !important; }
4873+
.admin-main h5 {
4874+
font-size: 12px !important;
4875+
line-height: 1.4 !important;
4876+
margin: 0 0 8px !important;
4877+
letter-spacing: 0.6px !important;
4878+
text-transform: uppercase !important;
4879+
color: var(--t4, #94a3b8) !important;
4880+
}
48614881
/* H6 — smallest meta label. */
4862-
.admin-main h6 { font-size: 11px !important; letter-spacing: 0.6px !important; text-transform: uppercase !important; color: var(--t4, #94a3b8) !important; }
4882+
.admin-main h6 {
4883+
font-size: 11px !important;
4884+
line-height: 1.4 !important;
4885+
margin: 0 0 8px !important;
4886+
letter-spacing: 0.6px !important;
4887+
text-transform: uppercase !important;
4888+
color: var(--t4, #94a3b8) !important;
4889+
}
48634890

48644891
/* Page title bar — the .dcf-mag-bar title (wrapAdminGridInCard
48654892
pulls the page name into a <span> inside the bar). Align it

0 commit comments

Comments
 (0)