RanchiMall/rmtimes
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Minor UI changes

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/main.css
View File

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

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

8
css/main.scss
View File

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

7
index.html
View File

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