Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-03 23:00:14 -05:00
Code Issues Activity

Added category to Dashboard Explore section title

Browse source 
no refs.

- category name with a link to a prefiltered Ghost Explore page on the Dashboard's Explore section helps users get a direct link to more sites from with the same topic
This commit is contained in:
Peter Zimon 2022-09-15 17:25:46 +02:00
parent 2deb8f4595
commit d330c91555
3 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ghost/admin/app/components/dashboard/resources/explore-feed.hbs
View file

@ -1,7 +1,11 @@
<section class="gh-dashboard-section gh-dashboard-explore-feed" {{did-insert this.load}}>
<article class="gh-dashboard-box">
<div class="gh-dashboard-resource-title">
<h4>Featured publications</h4>
<h4>Featured publications
{{#if this.meta.category_url}}
in <a class="gh-dasboard-explore-title-link" href={{this.meta.category_url}}>{{this.meta.category}}</a>
{{/if}}
</h4>
<div>
<a href="https://ghost.org/explore/" target="_blank" rel="noopener noreferrer">Browse all</a>
<LinkTo @route="explore" class="gh-dashboard-explore-add">Add your site to Explore</LinkTo>

2
ghost/admin/app/components/dashboard/resources/explore-feed.js
View file

@ -10,6 +10,7 @@ export default class ExploreFeed extends Component {
@tracked loading = null;
@tracked error = null;
@tracked sites = null;
@tracked meta = null;
@action
load() {
@ -34,5 +35,6 @@ export default class ExploreFeed extends Component {
const result = yield response.json();
this.sites = result.sites || [];
this.meta = result.meta || [];
}
}

10
ghost/admin/app/styles/layouts/dashboard.css
View file

@ -1575,12 +1575,20 @@ Dashboard Resource */
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.3px;
color: var(--middarkgrey);
color: var(--midgrey);
margin: 0 0 8px;
padding: 0;
transition: color .3s;
}
.gh-dashboard-resource-title:not(.is-large) h4 a {
font-size: 1.1rem;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 0.3px;
color: var(--black) !important;
}
.gh-dashboard-resource-title.is-large h4 {
align-items: center;
font-size: 1.55rem;