Adjusting tooltip arrow position, added open and close events. Fixed search tooltip layout.

2020-12-29 00:42:02 +01:00
parent 442e69187b
commit 8dd10f7e77
6 changed files with 123 additions and 54 deletions
--- a/assets/components/header/search.vue
+++ b/assets/components/header/search.vue
@@ -27,10 +27,7 @@ async function search() {

 function searching(to) {
 	if (to) {
-		setTimeout(() => {
-			// nextTick does not seem to work
-			this.$refs.search.focus();
-		}, 20);
+		this.$refs.search.focus();
 	}
 }

@@ -79,12 +76,12 @@ export default {
        padding: 0;
        border: none;

-        .search-input {
-            border: solid 1px var(--shadow-hint);
-        }
+		.search-input {
+			padding: .75rem .5rem .75rem .75rem;
+		}

        .search-button {
-            padding: 0 .5rem 0 1rem;
+            padding: 1rem 1rem .75rem .25rem;
            margin: 0;
        }
    }