marcel/linkding
1
0
Fork 0
mirror of https://github.com/sissbruecker/linkding.git synced 2025-08-13 21:49:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix mobile issues with searchbox and nav menu (#72)

Browse Source 
* Fix mobile Safari searchbox style (#62)

* Fix mobile menu not closing on outside click (#62)
This commit is contained in:
Sascha Ißbrücker
2021-02-07 00:10:02 +01:00
committed by GitHub
parent 91d876a7f1
commit f555bba9e9
6 changed files with 82 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
bookmarks/styles/bookmarks.scss
View File

@@ -1,13 +1,33 @@
.bookmarks-page {
.bookmarks-page .search {
$searchbox-height: 1.8rem;
.search input[type=search] {
// Regular input
input[type='search'] {
width: 180px;
height: 1.8rem;
height: $searchbox-height;
-webkit-appearance: none;
@media (min-width: $control-width-md) {
width: 300px;
}
}
// Enhanced auto-complete input
// This needs a bit more wrangling to make the CSS component align with the attached button
.form-autocomplete {
height: $searchbox-height;
.form-autocomplete-input {
height: $searchbox-height;
width: 100%;
input[type='search'] {
height: 100%;
margin: 0;
border: none;
}
}
}
}
ul.bookmark-list {