empayre/fleet
14
0
Fork 0
mirror of https://github.com/empayre/fleet.git synced 2024-11-06 08:55:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Website: Remove category links from article cards (#7407)

Browse Source 
* remove category links from article cards

* update styles to match wireframes

* Update website/assets/styles/pages/articles/articles.less

Co-authored-by: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
This commit is contained in:
Eric 2022-08-29 18:12:56 -05:00 committed by GitHub
parent 13b143897c
commit 323c136834
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
website/assets/styles/pages/articles/articles.less vendored
View File

@ -50,11 +50,12 @@
}
[purpose='article-card-body'] {
padding: 24px 24px 32px 24px;
[purpose='category-link'] {
[purpose='category-name'] {
text-transform: uppercase;
color: @core-fleet-black-50;
font-size: 12px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
}
[purpose='article-title'] {

2
website/views/pages/articles/articles.ejs vendored
View File

@ -27,7 +27,7 @@
<img style="width: 100%; height: auto;" :src="[article.meta.articleImageUrl ? article.meta.articleImageUrl : '/images/press-kit/press-kit-fleet-logo-white-preview-600x336@2x.png']" alt="Article hero image">
</a>
<div purpose="article-card-body" class="card-body d-flex flex-column">
<a purpose="category-link" :href="article.url.split('/')[1]" class="pb-2">{{article.meta.category}}</a>
<p purpose="category-name" class="pb-2 mb-0">{{article.meta.category}}</p>
<a purpose="article-title" :href="article.url"><h5>{{article.meta.articleTitle}}</h5></a>
<div purpose="article-details" class="d-flex mt-auto flex-row align-items-center">
<img alt="The author's GitHub profile picture" style="height: 32px; width: 32px; border-radius: 100%;" :src="'https://github.com/'+article.meta.authorGitHubUsername+'.png?size=200'">