From 9fc88d6c53dd5e5909ec850e4206951bedaa1aa7 Mon Sep 17 00:00:00 2001 From: Derick Montague Date: Wed, 6 Jan 2021 11:25:39 -0600 Subject: Fix input icon being hidden on input focus Both the datepicker and password fields have an assoicated icon. When the input element receives focus the associated icons are hidden. This is caused by a z-index issue and was a bug created when fixing another bug that caused the datepicker icon from rendering above the table batch actions toolbar. Both bugs have been resolved with this patchset. Signed-off-by: Derick Montague Change-Id: If923cd5bc6a076b01efa44492f717b78fb6584ca --- src/components/Global/TableToolbar.vue | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'src/components') diff --git a/src/components/Global/TableToolbar.vue b/src/components/Global/TableToolbar.vue index 4baf8368..85c11a46 100644 --- a/src/components/Global/TableToolbar.vue +++ b/src/components/Global/TableToolbar.vue @@ -74,12 +74,11 @@ $toolbar-height: 46px; .toolbar-container { width: 100%; position: relative; - z-index: 5; + z-index: $zindex-dropdown + 1; } .toolbar-content { height: $toolbar-height; - z-index: $zindex-dropdown + 1; background-color: theme-color('primary'); color: $white; position: absolute; -- cgit v1.2.3