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 {
input[type="search"] {
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"] {
border: 0;
top: 0;
left: 0;
position: absolute;
border: 0;
width: 100%;
height: 40px;
outline: none;
position: absolute;
border-radius: 5px;
padding: 10px 10px 10px 35px;
font-size: $base-font-size;
color: $text-base-color;
-webkit-appearance: none;
font-size: $base-font-size;
background-color: 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;
}
}
}