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

bug fixes

Browse Source
This commit is contained in:
sairaj mote 2022-02-13 19:00:46 +05:30
parent 3b672dcf69
commit 0aa329d82e
4 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/main.css
View File

@ -682,6 +682,7 @@ theme-toggle {
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
align-items: flex-start; align-items: flex-start;
grid-template-areas: "img title" "img content"; grid-template-areas: "img title" "img content";
min-height: 5rem;
} }
.article-card img { .article-card img {
left: 0; left: 0;
@ -733,7 +734,6 @@ theme-toggle {
overflow: hidden; overflow: hidden;
} }
.trending-article p { .trending-article p {
font-family: "Noto serif", serif;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
@ -981,12 +981,13 @@ theme-toggle {
} }
#preview_popup p, #preview_popup p,
#article p { #article p {
font-family: "Noto serif", serif;
font-size: 1.05rem; font-size: 1.05rem;
line-height: 1.8; line-height: 1.7;
} }
#preview_popup p > *, #preview_popup p *,
#article p > * { #article p * {
line-height: inherit;
font-size: inherit;
font-family: inherit; font-family: inherit;
} }
#preview_popup time, #preview_popup time,
@ -1305,7 +1306,7 @@ button:not(.button--primary) {
} }
.interact:hover, .interact:hover,
button:not(.button--primary):hover { button:not(.button--primary):hover {
background-color: #4885ff10; background-color: rgba(var(--text-color), 0.06);
} }
.button--primary { .button--primary {

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

13
css/main.scss
View File

@ -643,6 +643,7 @@ theme-toggle {
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
align-items: flex-start; align-items: flex-start;
grid-template-areas: "img title" "img content"; grid-template-areas: "img title" "img content";
min-height: 5rem;
img { img {
left: 0; left: 0;
top: 0; top: 0;
@ -691,7 +692,7 @@ theme-toggle {
overflow: hidden; overflow: hidden;
} }
p { p {
font-family: "Noto serif", serif; // font-family: "Noto serif", serif;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
@ -931,10 +932,12 @@ theme-toggle {
} }
} }
p { p {
font-family: "Noto serif", serif; // font-family: "Noto serif", serif;
font-size: 1.05rem; font-size: 1.05rem;
line-height: 1.8; line-height: 1.7;
& > * { * {
line-height: inherit;
font-size: inherit;
font-family: inherit; font-family: inherit;
} }
} }
@ -1226,7 +1229,7 @@ theme-toggle {
button:not(.button--primary) { button:not(.button--primary) {
transition: background-color 0.3s; transition: background-color 0.3s;
&:hover { &:hover {
background-color: #4885ff10; background-color: rgba(var(--text-color), 0.06);
} }
} }
.button--primary { .button--primary {

6
index.html
View File

@ -173,7 +173,7 @@
</div> </div>
<a class="button" href="#/explore?type=recent">See all</a> <a class="button" href="#/explore?type=recent">See all</a>
</div> </div>
<ul id="latest_articles_list" class="grid gap-2"></ul> <ul id="latest_articles_list" class="grid gap-1-5"></ul>
</section> </section>
</article> </article>
<article id="explore" class="page page-layout hide"> <article id="explore" class="page page-layout hide">
@ -424,7 +424,7 @@
Preview Preview
</h4> </h4>
</header> </header>
<section id="preview_container"></section> <section id="preview_container" class="grid gap-1-5"></section>
</sm-popup> </sm-popup>
<sm-popup id="edit_article_meta_popup"> <sm-popup id="edit_article_meta_popup">
<header slot="header" class="popup__header"> <header slot="header" class="popup__header">
@ -1196,7 +1196,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.forEach(articleDetail => { sortedArticles.slice(0, 4).forEach(articleDetail => {
frag.append(render.articleCard({ frag.append(render.articleCard({
...articleDetail, ...articleDetail,
heroImage: allImages[articleDetail.uid].heroImage.thumbnail heroImage: allImages[articleDetail.uid].heroImage.thumbnail