M-Labs/web2019
5
0
Fork 2
Code Issues 20 Pull Requests 3 Releases Wiki Activity

Fix search bar icon conflicting in webkit and make backlog scroll bar thin

Browse Source 
Signed-off-by: Egor Savkin <es@m-labs.hk>
This commit is contained in:
Egor Savkin 2024-02-28 16:40:48 +08:00
parent 1cb9c90c65
commit 839d7c6612
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
sass/css/_shop.scss
View File

@ -73,6 +73,10 @@ button {
overflow-x: hidden; overflow-x: hidden;
position: relative; position: relative;
max-width: max(1/4 * 100%, 310px); max-width: max(1/4 * 100%, 310px);
scrollbar-width: thin;
scrollbar-gutter: stable;
scrollbar-color: #6e7e87 transparent;
scrollbar-arrow-color: transparent;
/*padding-bottom: 4rem!important;*/ /*padding-bottom: 4rem!important;*/
.gradient-bottom { .gradient-bottom {
@ -207,9 +211,10 @@ button {
color: white; color: white;
border-radius: 2rem; border-radius: 2rem;
background: rgba(255, 255, 255, 0.15) url("/images/shop/icon-search.svg") no-repeat; background: rgba(255, 255, 255, 0.15) url("/images/shop/icon-search.svg") no-repeat;
background-position: right 2% center; background-position: left 2% center;
background-size: 20px; background-size: 20px;
padding-right: 1rem; padding-right: 1rem;
text-indent: 20px;
&::placeholder { &::placeholder {
color: white; color: white;