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

Minor UI improvement

Browse Source
This commit is contained in:
sairaj mote 2022-08-30 19:40:51 +05:30
parent f2373bb7b1
commit 9db31c29f3
4 changed files with 6 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
css/main.css
View File

@ -918,7 +918,7 @@ theme-toggle {
#article_contributors { #article_contributors {
flex-wrap: wrap; flex-wrap: wrap;
gap: 1.5rem; gap: 0.5rem 1rem;
margin-top: 0.5rem; margin-top: 0.5rem;
} }
@ -926,20 +926,7 @@ theme-toggle {
display: flex; display: flex;
align-items: center; align-items: center;
font-weight: 500; font-weight: 500;
} font-size: 0.9rem;
.contributor__dp {
display: flex;
align-items: center;
justify-content: center;
padding: 0.5rem;
background-color: var(--accent-color);
border-radius: 2rem;
font-weight: 700;
font-size: 0.8rem;
letter-spacing: 0.05em;
aspect-ratio: 1/1;
color: rgba(var(--background-color), 1);
margin-right: 0.5rem;
} }
#related_articles { #related_articles {

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

17
css/main.scss
View File

@ -858,27 +858,14 @@ theme-toggle {
} }
#article_contributors { #article_contributors {
flex-wrap: wrap; flex-wrap: wrap;
gap: 1.5rem; gap: 0.5rem 1rem;
margin-top: 0.5rem; margin-top: 0.5rem;
} }
.contributor { .contributor {
display: flex; display: flex;
align-items: center; align-items: center;
font-weight: 500; font-weight: 500;
&__dp { font-size: 0.9rem;
display: flex;
align-items: center;
justify-content: center;
padding: 0.5rem;
background-color: var(--accent-color);
border-radius: 2rem;
font-weight: 700;
font-size: 0.8rem;
letter-spacing: 0.05em;
aspect-ratio: 1/1;
color: rgba(var(--background-color), 1);
margin-right: 0.5rem;
}
} }
#related_articles { #related_articles {
margin-top: 1rem; margin-top: 1rem;

7
index.html
View File

@ -1355,12 +1355,7 @@
const contributorList = contributors.map(id => { const contributorList = contributors.map(id => {
const contributorName = floGlobals.appObjects.rmTimes.articleWriters.hasOwnProperty(id) ? floGlobals.appObjects.rmTimes.articleWriters[id].name : id; const contributorName = floGlobals.appObjects.rmTimes.articleWriters.hasOwnProperty(id) ? floGlobals.appObjects.rmTimes.articleWriters[id].name : id;
return html` return html` <a href="${`#/writer?id=${id}`}" class="contributor"> ${contributorName} </a> `
<a href="${`#/writer?id=${id}`}" class="contributor">
<span class="contributor__dp">${contributorName.split(' ').map(v => v.charAt(0)).join('')}</span>
${contributorName}
</a>
`
}) })
renderElem(getRef('article_contributors'), html`${contributorList}`) renderElem(getRef('article_contributors'), html`${contributorList}`)