Siphalor/siphalor.de
1
0
Fork 0
Code Releases Activity

Fix searchbar style on safari

Browse Source
This commit is contained in:
Fahmi
2020-09-06 14:51:15 +07:00
parent ef3194bb60
commit d4985d8184
2 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
_sass/klise/_dark.scss
View File

@@ -239,7 +239,9 @@ body[data-theme="dark"] {
.search-article { .search-article {
input[type="search"] { input[type="search"] {
color: $dark-text-base-color; color: $dark-text-base-color;
&::-webkit-input-placeholder {
color: rgba(128,128,128,0.8);
}
} }
} }
} }

17
_sass/klise/_layout.scss
View File

@@ -338,18 +338,27 @@
} }
input[type="search"] { input[type="search"] {
border: 0;
top: 0; top: 0;
left: 0; left: 0;
position: absolute; border: 0;
width: 100%; width: 100%;
height: 40px;
outline: none;
position: absolute;
border-radius: 5px; border-radius: 5px;
padding: 10px 10px 10px 35px; padding: 10px 10px 10px 35px;
font-size: $base-font-size;
color: $text-base-color; color: $text-base-color;
-webkit-appearance: none;
font-size: $base-font-size;
background-color: rgba(128, 128, 128, 0.1); background-color: rgba(128, 128, 128, 0.1);
border: 1px solid rgba(128, 128, 128, 0.1); border: 1px solid rgba(128, 128, 128, 0.1);
outline: none; &::-webkit-input-placeholder {
color: #808080;
}
&::-webkit-search-decoration,
&::-webkit-search-results-decoration {
display: none;
}
} }
} }