Commit 4317fe08 authored by Fabien Manière's avatar Fabien Manière

spacing on the search form

parent 9ca3c95a
......@@ -12254,7 +12254,6 @@ select.form-control {
.search-modal__results {
height: 14em;
overflow-x: hidden;
overflow-y: scroll;
}
.dropdown-menu {
......
......@@ -12055,7 +12055,6 @@ select.form-control {
.search-modal__results {
height: 14em;
overflow-x: hidden;
overflow-y: scroll;
}
.btn-secondary,
......
......@@ -11820,7 +11820,6 @@ select.form-control {
.search-modal__results {
height: 14em;
overflow-x: hidden;
overflow-y: scroll;
}
/*# sourceMappingURL=bootstrap-greyson.css.map */
......@@ -12068,7 +12068,6 @@ select.form-control {
.search-modal__results {
height: 14em;
overflow-x: hidden;
overflow-y: scroll;
}
/*# sourceMappingURL=bootstrap-herbie.css.map */
......@@ -12069,7 +12069,6 @@ select.form-control {
.search-modal__results {
height: 14em;
overflow-x: hidden;
overflow-y: scroll;
}
/*# sourceMappingURL=bootstrap-monotony.css.map */
......@@ -69,20 +69,34 @@ treeSearchCpt = here.component "treeSearch" cpt where
pure $
B.baseModal
{ isVisibleBox: visible
, title: Just "Tree Search"
, title: Just "Search in tree"
, size: MediumModalSize
, modalClassName: ""
}
[ inputWithEnter { className: "form-control"
[
H.div
{ className: "input-group p-1" }
[
inputWithEnter { className: "form-control"
, autoFocus: true
, onEnter: submit inputRef query
, onValueChanged: R.setRef inputRef
, onBlur: R.setRef inputRef
, type: "value"
, defaultValue: ""
, placeholder: "Search..."
, placeholder: "Search keys..."
}
, treeSearchState {visible, query, sessions: sessions'} ]
,
H.div { className: "input-group-append"}
[
H.button { className: "input-group-text btn btn-light text-secondary"
, on: { click: submit inputRef query }
, type: "submit" }
[ H.span {className: "fa fa-search"} [] ]
]
]
, treeSearchState {visible, query, sessions: sessions'}
]
where
submit ref box _ = T.write_ (R.readRef ref) box
......@@ -107,15 +121,17 @@ treeSearchWrapperCpt = here.component "treeSearchWrapper" cpt where
case session' of
Just s ->
pure $ R.fragment [
formSelect'
pure $ H.div {className: "search-modal__results-wrapper px-1"}
[ formSelect'
{ callback: \v -> T.write_ (Just v) session
, list: unSessions sessions
, value: s
} []
,
H.hr {}
,
if query' == "" then
H.div {className: "search-modal__results"} [B.span_ "Enter your search query..."]
H.div {className: "search-modal__results mb-1"} [B.span_ "Please enter your search query..."]
else
treeSearchContainer {query: query', visible, session: s}
]
......@@ -157,7 +173,7 @@ treeSearchRenderCpt = here.component "treeSearchRenderCpt" cpt where
results s = map searchResult s
where
searchResult sd = H.div
{ className: "forest-layout__action"}
{ className: "result mt-1"}
[
B.tooltipContainer
{ delayShow: 600
......@@ -165,7 +181,7 @@ treeSearchRenderCpt = here.component "treeSearchRenderCpt" cpt where
, tooltipSlot: B.span_ $ show $ fromMaybe Home $ nodeTypeAppRoute sd.type (sessionId session) sd.id
, defaultSlot:
B.button
{ className: "forest-layout__action__button"
{ className: "result__button"
, callback: \_ -> do
T.write_ false visible
goToRoute $ fromMaybe Home $ nodeTypeAppRoute sd.type (sessionId session) sd.id
......
......@@ -2,4 +2,4 @@
&__results
height: 14em
overflow-x: hidden
overflow-y: scroll
\ No newline at end of file
// overflow-y: scroll
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment