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

UI fixes

Browse Source
This commit is contained in:
sairaj mote 2022-03-28 15:25:09 +05:30
parent 576a64cb13
commit b8c8d3e8d9
4 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components.js
View File

@ -290,7 +290,6 @@ border: none;
display: flex; display: flex;
--success-color: #00C853; --success-color: #00C853;
--danger-color: red; --danger-color: red;
--width: 100%;
--icon-gap: 0.5rem; --icon-gap: 0.5rem;
--background: rgba(var(--text-color, (17,17,17)), 0.06); --background: rgba(var(--text-color, (17,17,17)), 0.06);
} }
@ -310,8 +309,8 @@ button:focus{
outline: var(--accent-color, teal) solid medium; outline: var(--accent-color, teal) solid medium;
} }
.icon { .icon {
height: 1.4rem; height: 1.2rem;
width: 1.4rem; width: 1.2rem;
fill: rgba(var(--text-color, (17,17,17)), 0.6); fill: rgba(var(--text-color, (17,17,17)), 0.6);
} }
@ -326,13 +325,12 @@ button:focus{
align-items: center; align-items: center;
position: relative; position: relative;
gap: var(--icon-gap); gap: var(--icon-gap);
padding: var(--padding, 0.6rem 0.8rem); padding: var(--padding, 0.8rem);
border-radius: var(--border-radius,0.3rem); border-radius: var(--border-radius,0.3rem);
transition: opacity 0.3s, box-shadow 0.2s; transition: opacity 0.3s, box-shadow 0.2s;
background: var(--background); background: var(--background);
width: 100%; width: 100%;
outline: none; outline: none;
min-height: 3.5rem;
} }
.input.readonly .clear{ .input.readonly .clear{
opacity: 0 !important; opacity: 0 !important;
@ -367,7 +365,7 @@ button:focus{
} }
.outer-container{ .outer-container{
position: relative; position: relative;
width: var(--width); width: 100%;
} }
.container{ .container{
width: 100%; width: 100%;

7
css/main.css
View File

@ -145,6 +145,10 @@ a:any-link:focus-visible {
outline: rgba(var(--text-color), 1) 0.1rem solid; outline: rgba(var(--text-color), 1) 0.1rem solid;
} }
sm-input {
--padding: 1rem;
}
sm-input, sm-input,
sm-textarea, sm-textarea,
tags-input { tags-input {
@ -654,6 +658,7 @@ sm-copy {
#search_articles { #search_articles {
--border-radius: 0.5em; --border-radius: 0.5em;
width: 100%; width: 100%;
--padding: 0.6rem;
} }
theme-toggle { theme-toggle {
@ -1253,7 +1258,7 @@ theme-toggle {
#expanding_search { #expanding_search {
margin: 1rem 1.5rem; margin: 1rem 1.5rem;
width: 20rem; width: 18rem;
} }
#search_suggestions { #search_suggestions {

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
css/main.scss
View File

@ -132,6 +132,9 @@ button:disabled {
a:any-link:focus-visible { a:any-link:focus-visible {
outline: rgba(var(--text-color), 1) 0.1rem solid; outline: rgba(var(--text-color), 1) 0.1rem solid;
} }
sm-input {
--padding: 1rem;
}
sm-input, sm-input,
sm-textarea, sm-textarea,
@ -612,6 +615,7 @@ sm-copy {
#search_articles { #search_articles {
--border-radius: 0.5em; --border-radius: 0.5em;
width: 100%; width: 100%;
--padding: 0.6rem;
} }
theme-toggle { theme-toggle {
margin-left: auto; margin-left: auto;
@ -1176,7 +1180,7 @@ theme-toggle {
} }
#expanding_search { #expanding_search {
margin: 1rem 1.5rem; margin: 1rem 1.5rem;
width: 20rem; width: 18rem;
} }
#search_suggestions { #search_suggestions {
top: calc(100% + 1rem); top: calc(100% + 1rem);