diff options
author | Ricardo de Arruda <settiricardo@gmail.com> | 2020-07-03 23:20:44 +0300 |
---|---|---|
committer | Ricardo de Arruda <settiricardo@gmail.com> | 2020-07-03 23:20:44 +0300 |
commit | 2f54532be0da984c0444280ae23e1b3d8bcaf2a2 (patch) | |
tree | 95a3c49007563fceb9db1392a1636e0b9f3a8895 /ui/assets/css/main.css | |
parent | e41117c8785e414f543501dd4c50c96d5485d694 (diff) |
Modify search button to be expandable.
* Accordingly issue#814.
* Input contract if un-focus input element
* Search text data persisted when contracted/expanded
Diffstat (limited to 'ui/assets/css/main.css')
-rw-r--r-- | ui/assets/css/main.css | 21 |
1 files changed, 14 insertions, 7 deletions
diff --git a/ui/assets/css/main.css b/ui/assets/css/main.css index 4d9a099f..a05f5a8b 100644 --- a/ui/assets/css/main.css +++ b/ui/assets/css/main.css @@ -250,10 +250,17 @@ pre { word-break: keep-all; } -.search-bar { - flex-basis: 10%; - flex-shrink: 3; - flex-grow: 0.3; - max-width: 33%; - min-width: 11em; -}
\ No newline at end of file +.form-control.search-input { + float: right !important; + transition: width 0.5s ease-out 0s !important; +} + +.show-input { + width: 13em !important; + +} +.hide-input { + background: transparent !important; + width: 0px !important; + padding: 0 !important; + }
\ No newline at end of file |