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

Minor UI/UX improvements

Browse Source
This commit is contained in:
sairaj mote 2022-02-17 18:13:13 +05:30
parent 67f6671444
commit 1297a87fe1
4 changed files with 28 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components.js
View File

@ -1216,7 +1216,7 @@ customElements.define('sm-popup', class extends HTMLElement {
resumeScrolling() {
const scrollY = document.body.style.top;
window.scrollTo(0, parseInt(scrollY || '0') * -1);
document.body.style.overflow = 'auto';
document.body.style.overflow = '';
document.body.style.top = 'initial';
}

16
css/main.css
View File

@ -15,6 +15,7 @@ body {
}
body {
scrollbar-gutter: stable;
color: rgba(var(--text-color), 1);
background: rgba(var(--background-color), 1);
}
@ -45,6 +46,9 @@ body[data-theme=dark] sm-popup::part(popup) {
body[data-theme=dark] ::-webkit-calendar-picker-indicator {
filter: invert(1);
}
body[data-theme=dark] img {
filter: brightness(0.9);
}
p,
strong {
@ -608,7 +612,6 @@ sm-copy {
grid-column: 1/-1;
grid-template-columns: auto 1fr auto auto;
background-color: rgba(var(--background-color), 1);
z-index: 2;
}
#expanding_search {
@ -963,7 +966,6 @@ theme-toggle {
#preview_popup h1,
#article h1 {
font-weight: 700;
font-size: 1.7rem;
line-height: 1.1;
}
@ -1226,6 +1228,7 @@ theme-toggle {
}
#main_header {
position: relative;
padding: 1rem 1.5rem;
}
@ -1287,8 +1290,8 @@ theme-toggle {
flex-direction: column;
padding: 1.5rem;
width: 20rem;
height: 100%;
overflow-y: auto;
height: 100vh;
overflow-y: overlay;
}
#article_map_container {
@ -1366,4 +1369,9 @@ button:not(.button--primary):hover {
.button--primary:hover {
filter: brightness(120%);
}
}
@supports (overflow: overlay) {
body {
overflow: overlay;
}
}

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

19
css/main.scss
View File

@ -27,7 +27,7 @@ body {
scrollbar-width: thin;
}
scrollbar-gutter: stable;
color: rgba(var(--text-color), 1);
background: rgba(var(--background-color), 1);
}
@ -48,6 +48,9 @@ body[data-theme="dark"] {
::-webkit-calendar-picker-indicator {
filter: invert(1);
}
img {
filter: brightness(0.9);
}
}
p,
@ -572,7 +575,6 @@ sm-copy {
grid-column: 1/-1;
grid-template-columns: auto 1fr auto auto;
background-color: rgba(var(--background-color), 1);
z-index: 2;
}
#expanding_search {
position: absolute;
@ -917,7 +919,7 @@ theme-toggle {
#preview_popup,
#article {
h1 {
font-weight: 700;
// font-weight: 700;
font-size: 1.7rem;
line-height: 1.1;
}
@ -1159,6 +1161,7 @@ theme-toggle {
display: none;
}
#main_header {
position: relative;
padding: 1rem 1.5rem;
}
.logo {
@ -1215,8 +1218,8 @@ theme-toggle {
flex-direction: column;
padding: 1.5rem;
width: 20rem;
height: 100%;
overflow-y: auto;
height: 100vh;
overflow-y: overlay;
}
#article_map_container {
margin-bottom: 3rem;
@ -1288,3 +1291,9 @@ theme-toggle {
}
}
}
@supports (overflow: overlay) {
body {
overflow: overlay;
}
}