TheAnachronism/docspell
1
0
Fork 0
mirror of https://github.com/TheAnachronism/docspell.git synced 2025-06-19 15:39:54 +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
Show Stats 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;
}