UX: fix admin dashboard link and style regressions (#30969)

Heading link regression reported here:
https://meta.discourse.org/t/admin-panel-reports-in-the-community-health-section-are-no-longer-clickable/347631

Also noticed some style regressions
This commit is contained in:
Kris 2025-01-23 19:23:34 -05:00 committed by GitHub
parent e78c937a5c
commit aa90ba2992
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 35 additions and 1 deletions

View File

@ -7,6 +7,7 @@
{{#unless this.showNotFoundError}}
<DPageSubheader
@titleLabel={{this.model.title}}
@titleUrl={{this.model.reportUrl}}
@descriptionLabel={{this.model.description}}
@learnMoreUrl={{this.model.description_link}}
/>

View File

@ -21,7 +21,15 @@ export default class DPageSubheader extends Component {
<template>
<div class="d-page-subheader">
<div class="d-page-subheader__title-row">
<h2 class="d-page-subheader__title">{{@titleLabel}}</h2>
<h2 class="d-page-subheader__title">
{{#if @titleUrl}}
<a href={{@titleUrl}} class="d-page-subheader__title-link">
{{@titleLabel}}
</a>
{{else}}
{{@titleLabel}}
{{/if}}
</h2>
{{#if (has-block "actions")}}
<div class="d-page-subheader__actions">
{{#if this.site.mobileView}}

View File

@ -186,6 +186,10 @@
}
}
}
.d-page-subheader__title a {
color: var(--primary);
}
}
.rtl .admin-report {

View File

@ -150,6 +150,27 @@
&.site-traffic {
grid-column: span 12;
}
.header {
display: grid;
grid-template-areas: "title trend" "description description";
grid-template-columns: auto 1fr;
.d-page-subheader {
display: contents;
}
.d-page-subheader__description {
grid-area: description;
margin-top: 0;
}
.trend {
grid-area: trend;
white-space: nowrap;
align-self: start;
}
}
}
@include breakpoint(medium) {