Minor UI changes

This commit is contained in:
sairaj mote 2022-08-28 00:01:46 +05:30
parent 4640468d15
commit 52d6044057
4 changed files with 17 additions and 9 deletions

View File

@ -437,6 +437,10 @@ h3 {
margin-left: 0.5rem;
}
.margin-top-1 {
margin-top: 1rem;
}
.margin-top-1-5 {
margin-top: 1.5rem;
}
@ -915,12 +919,11 @@ theme-toggle {
#article_contributors {
flex-wrap: wrap;
gap: 1.5rem;
margin: 1rem 0;
margin-top: 0.5rem;
}
.contributor {
display: flex;
font-size: 0.75rem;
align-items: center;
font-weight: 500;
}
@ -1323,7 +1326,7 @@ theme-toggle {
}
#preview_popup h1,
#article h1 {
font-size: 2.2rem;
font-size: 2.5rem;
}
#preview_popup h3,
#article h3 {

2
css/main.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -421,6 +421,9 @@ h3 {
.margin-left-0-5 {
margin-left: 0.5rem;
}
.margin-top-1 {
margin-top: 1rem;
}
.margin-top-1-5 {
margin-top: 1.5rem;
}
@ -856,11 +859,10 @@ theme-toggle {
#article_contributors {
flex-wrap: wrap;
gap: 1.5rem;
margin: 1rem 0;
margin-top: 0.5rem;
}
.contributor {
display: flex;
font-size: 0.75rem;
align-items: center;
font-weight: 500;
&__dp {
@ -1264,7 +1266,7 @@ theme-toggle {
#preview_popup,
#article {
h1 {
font-size: 2.2rem;
font-size: 2.5rem;
}
h3 {
font-size: 1.4rem;

View File

@ -241,7 +241,10 @@
<time id="published_time"></time>
<span class="bullet-point"></span><span id="reading_time" style="white-space: nowrap;"></span>
</div>
<div id="article_contributors" class="flex"></div>
<section class="margin-top-1">
<h5>Article by</h5>
<div id="article_contributors" class="flex"></div>
</section>
<img id="article_image" src="" alt="" loading="lazy">
</header>
<details id="article_map_accordion" class="hide-on-desktop">
@ -1306,7 +1309,7 @@
getRef('trending_article_container').append(frag)
// render latest articles
const sortedArticles = sortedByVotes.slice(4).sort((a, b) => b.published - a.published)
sortedArticles.slice(0, 4).forEach(articleDetail => {
sortedArticles.slice(0, 6).forEach(articleDetail => {
frag.append(render.articleCard({
...articleDetail,
// heroImage: allImages[articleDetail.uid] ? allImages[articleDetail.uid].heroImage.thumbnail : ''