mirror of
https://github.com/rcourtman/Pulse.git
synced 2026-10-23 20:25:56 +00:00
style(portal): tighten services navigator
This commit is contained in:
+1
-1
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"source_hash": "4b50b53b4369c0b8f2a17ddf8868a1eb8739772cb7a500616a2ba36f1449199d",
|
||||
"source_hash": "d35ad29a3d34047e8332e9a38238c4feef8204c854b13a8dae9d4ea4c0cd6bfb",
|
||||
"build_inputs": [
|
||||
"package.json",
|
||||
"tsconfig.json",
|
||||
|
||||
+15
-9
@@ -1363,14 +1363,20 @@ header .logout-btn:hover,
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
}
|
||||
.service-list-intro,
|
||||
.service-shell-sidebar-head,
|
||||
.service-inline-support {
|
||||
padding: 14px 16px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 12px;
|
||||
background: #fff;
|
||||
}
|
||||
.service-list-intro p,
|
||||
.service-shell-sidebar-head h3 {
|
||||
margin: 8px 0 0;
|
||||
font-size: 18px;
|
||||
line-height: 1.08;
|
||||
letter-spacing: -0.03em;
|
||||
}
|
||||
.service-shell-sidebar-head p,
|
||||
.service-inline-support p {
|
||||
margin: 8px 0 0;
|
||||
font-size: 13px;
|
||||
@@ -1429,7 +1435,7 @@ header .logout-btn:hover,
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 14px 16px;
|
||||
padding: 12px 14px;
|
||||
border: none;
|
||||
border-top: 1px solid var(--line);
|
||||
background: #fff;
|
||||
@@ -1478,14 +1484,14 @@ header .logout-btn:hover,
|
||||
}
|
||||
.service-action-copy h3 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-size: 15px;
|
||||
line-height: 1.16;
|
||||
letter-spacing: -0.03em;
|
||||
}
|
||||
.service-action-copy p {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
font-size: 12px;
|
||||
line-height: 1.45;
|
||||
color: var(--ink-soft);
|
||||
max-width: 760px;
|
||||
}
|
||||
@@ -1497,12 +1503,12 @@ header .logout-btn:hover,
|
||||
.service-action-highlight {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
min-height: 24px;
|
||||
padding: 0 9px;
|
||||
min-height: 22px;
|
||||
padding: 0 8px;
|
||||
border-radius: 999px;
|
||||
background: #fff;
|
||||
color: var(--ink-soft);
|
||||
font-size: 10px;
|
||||
font-size: 9px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.service-action-cta {
|
||||
|
||||
+1
-1
File diff suppressed because one or more lines are too long
@@ -199,7 +199,7 @@ describe('shell view', function() {
|
||||
expect(html).toContain('Self-hosted only');
|
||||
expect(html).toContain('portal-shell-head-title">Account console</h1>');
|
||||
expect(html).toContain('Billing, license recovery, refunds, and privacy actions until hosted access is attached.');
|
||||
expect(html).toContain('Use these tools for self-hosted billing, license recovery, refunds, and privacy.');
|
||||
expect(html).toContain('Use these tools for self-hosted commercial actions.');
|
||||
expect(html).toContain('Account services');
|
||||
expect(html).not.toContain('Self-hosted licenses and billing');
|
||||
});
|
||||
|
||||
@@ -780,9 +780,10 @@ export function renderAuthenticatedPortalHTML(context: ShellViewContext): string
|
||||
'</div>' +
|
||||
'<div class="service-shell">' +
|
||||
'<aside class="service-shell-sidebar">' +
|
||||
'<div class="service-list-intro">' +
|
||||
'<div class="service-shell-sidebar-head">' +
|
||||
'<div class="account-panel-kicker">Commercial actions</div>' +
|
||||
'<p>Use these tools for self-hosted billing, license recovery, refunds, and privacy. Hosted workspace operations stay in Workspaces and Team.</p>' +
|
||||
'<h3>Billing, licenses, refunds, and privacy</h3>' +
|
||||
'<p>Use these tools for self-hosted commercial actions. Hosted workspace operations stay in Workspaces and Team.</p>' +
|
||||
'</div>' +
|
||||
'<div class="service-action-list">' +
|
||||
renderServiceActionRow('open-manage-service', 'Billing', 'Manage subscriptions', 'Open Stripe billing access for existing self-hosted subscriptions without leaving the Pulse Account shell.', 'manage-service-panel', 'manage-inline-email', ['Invoices and plan changes', 'Subscription self-service']) +
|
||||
|
||||
@@ -1540,7 +1540,7 @@ header .logout-btn:hover,
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.service-list-intro,
|
||||
.service-shell-sidebar-head,
|
||||
.service-inline-support {
|
||||
padding: 14px 16px;
|
||||
border: 1px solid var(--line);
|
||||
@@ -1548,7 +1548,14 @@ header .logout-btn:hover,
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.service-list-intro p,
|
||||
.service-shell-sidebar-head h3 {
|
||||
margin: 8px 0 0;
|
||||
font-size: 18px;
|
||||
line-height: 1.08;
|
||||
letter-spacing: -0.03em;
|
||||
}
|
||||
|
||||
.service-shell-sidebar-head p,
|
||||
.service-inline-support p {
|
||||
margin: 8px 0 0;
|
||||
font-size: 13px;
|
||||
@@ -1616,7 +1623,7 @@ header .logout-btn:hover,
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 14px 16px;
|
||||
padding: 12px 14px;
|
||||
border: none;
|
||||
border-top: 1px solid var(--line);
|
||||
background: #fff;
|
||||
@@ -1669,15 +1676,15 @@ header .logout-btn:hover,
|
||||
|
||||
.service-action-copy h3 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-size: 15px;
|
||||
line-height: 1.16;
|
||||
letter-spacing: -0.03em;
|
||||
}
|
||||
|
||||
.service-action-copy p {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
font-size: 12px;
|
||||
line-height: 1.45;
|
||||
color: var(--ink-soft);
|
||||
max-width: 760px;
|
||||
}
|
||||
@@ -1691,12 +1698,12 @@ header .logout-btn:hover,
|
||||
.service-action-highlight {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
min-height: 24px;
|
||||
padding: 0 9px;
|
||||
min-height: 22px;
|
||||
padding: 0 8px;
|
||||
border-radius: 999px;
|
||||
background: #fff;
|
||||
color: var(--ink-soft);
|
||||
font-size: 10px;
|
||||
font-size: 9px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user