TheAnachronism/docspell
1
0
Fork 0
mirror of https://github.com/TheAnachronism/docspell.git synced 2025-10-31 09:30:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Try improve search bar/menu switch

Browse Source 
Adressing some parts of #395
This commit is contained in:
Eike Kettner
2020-10-28 21:55:42 +01:00
parent 84ebc83adb
commit 509823404e
2 changed files with 25 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
modules/webapp/src/main/elm/Page/Home/View.elm
View File

@@ -59,7 +59,7 @@ view flags settings model =
, onClick ToggleSearchMenu
, title "Hide menu"
]
[ i [ class "ui angle down icon" ] []
[ i [ class "ui angle left icon" ] []
]
, div [ class "right floated menu" ]
[ a
@@ -300,7 +300,7 @@ viewSearchBar flags model =
]
]
[ a
[ class "item"
[ class "search-menu-toggle ui blue icon button"
, onClick ToggleSearchMenu
, href "#"
, if model.searchTypeForm == ContentOnlySearch then
@@ -309,19 +309,7 @@ viewSearchBar flags model =
else
title "Open search menu"
]
[ i [ class "angle left icon" ] []
, i [ class "icons" ]
[ i [ class "grey bars icon" ] []
, i [ class "bottom left corner search icon" ] []
, if model.searchTypeForm == ContentOnlySearch then
i [ class "top right red corner delete icon" ] []
else if hasMoreSearch model then
i [ class "top right blue corner circle icon" ] []
else
span [ class "hidden invisible" ] []
]
[ i [ class "angle right icon" ] []
]
, div [ class "item" ]
[ div [ class "ui left icon right action input" ]
@@ -333,7 +321,15 @@ viewSearchBar flags model =
, href "#"
, onClick DoSearch
]
[]
(if hasMoreSearch model && model.searchTypeForm == BasicSearch then
[ i [ class "icons search-corner-icons" ]
[ i [ class "tiny blue circle icon" ] []
]
]
else
[]
)
, input
[ type_ "text"
, placeholder "Quick Search …"

13
modules/webapp/src/main/webjar/docspell.css
View File

@@ -31,6 +31,19 @@
margin: 0 1em;
}
.default-layout .ui.menu a.search-menu-toggle {
position: absolute;
left: -2px;
top: 18px;
z-index: 2;
}
.default-layout .icons.search-corner-icons {
position: relative;
top: 10px;
left: 8px;
}
.default-layout .ui.icon.menu .label.item {
padding: 0 0.5em 0 0;
}