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

Fix jumping search box (#163)

Browse Source
This commit is contained in:
Sascha Ißbrücker
2021-10-02 23:49:59 +02:00
committed by GitHub
parent 2ab4aa5566
commit 123fa54d5a
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
bookmarks/styles/bookmarks.scss
View File

@@ -1,14 +1,16 @@
.bookmarks-page .search { .bookmarks-page .search {
$searchbox-width: 180px;
$searchbox-width-md: 300px;
$searchbox-height: 1.8rem; $searchbox-height: 1.8rem;
// Regular input // Regular input
input[type='search'] { input[type='search'] {
width: 180px; width: $searchbox-width;
height: $searchbox-height; height: $searchbox-height;
-webkit-appearance: none; -webkit-appearance: none;
@media (min-width: $control-width-md) { @media (min-width: $control-width-md) {
width: 300px; width: $searchbox-width-md;
} }
} }
@@ -18,14 +20,19 @@
height: $searchbox-height; height: $searchbox-height;
.form-autocomplete-input { .form-autocomplete-input {
width: $searchbox-width;
height: $searchbox-height; height: $searchbox-height;
width: 100%;
input[type='search'] { input[type='search'] {
width: 100%;
height: 100%; height: 100%;
margin: 0; margin: 0;
border: none; border: none;
} }
@media (min-width: $control-width-md) {
width: $searchbox-width-md;
}
} }
} }
} }