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

Merge pull request #24 from fahmiirsyadk/fix-searchbar-safari

Browse Source 
Fix Search bar on Safari (#24)
This commit is contained in:
Mahendrata Harpi
2020-09-07 17:36:03 +07:00
committed by GitHub
parent ef3194bb60 d4985d8184
commit fefff75774
2 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
_sass/klise/_dark.scss
View File

@@ -234,12 +234,14 @@ body[data-theme="dark"] {
.solution:hover { .solution:hover {
color: $dark-text-link-blue-active; color: $dark-text-link-blue-active;
} }
} }
.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;
}
} }
} }