From 69df9cecca357989ef4a5c056b67bd252641df01 Mon Sep 17 00:00:00 2001 From: Dessalines Date: Fri, 3 Jul 2020 22:00:51 -0400 Subject: [PATCH] Adding a search icon, and a faster transition. --- ui/assets/css/main.css | 4 ++-- ui/src/components/navbar.tsx | 25 +++++++++++++------------ ui/src/components/symbols.tsx | 4 ++-- 3 files changed, 17 insertions(+), 16 deletions(-) diff --git a/ui/assets/css/main.css b/ui/assets/css/main.css index a05f5a8b..fd65148c 100644 --- a/ui/assets/css/main.css +++ b/ui/assets/css/main.css @@ -252,7 +252,7 @@ pre { .form-control.search-input { float: right !important; - transition: width 0.5s ease-out 0s !important; + transition: width 0.2s ease-out 0s !important; } .show-input { @@ -263,4 +263,4 @@ pre { background: transparent !important; width: 0px !important; padding: 0 !important; - } \ No newline at end of file + } diff --git a/ui/src/components/navbar.tsx b/ui/src/components/navbar.tsx index 7c72d6cd..53b085e5 100644 --- a/ui/src/components/navbar.tsx +++ b/ui/src/components/navbar.tsx @@ -245,21 +245,22 @@ export class Navbar extends Component { placeholder={i18n.t('search')} onBlur={linkEvent(this, this.handleSearchBlur)} > -
- -
+ )} -