From 83845b6f375f694b9282f2c2b9283a42adfa3749 Mon Sep 17 00:00:00 2001 From: Harry Stuart Date: Mon, 28 Nov 2022 00:41:01 +1100 Subject: [PATCH] set comment label to top --- implementation.html | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/implementation.html b/implementation.html index 2a202d3..c602e32 100644 --- a/implementation.html +++ b/implementation.html @@ -193,13 +193,20 @@ .label-md-input { position: absolute; top: 0; - bottom: 0; left: 16px; display: flex; - align-items: center; pointer-events: none; } + #input-name + .label-md-input { + bottom: 0; + align-items: center; + } + + #input-comment + .label-md-input { + margin-top: 15px; + } + .md-input, .label-md-input > div { font-family: Alexandria, sans-serif; font-weight: 300; @@ -226,7 +233,7 @@ #input-comment:focus + .label-md-input > div, #input-comment:not(#input-comment[value=""]) + .label-md-input > div { font-size: 14px; - transform: translate(0, -460%); + transform: translate(0, -150%); background-color: white; padding-left: 4px; padding-right: 4px; @@ -333,7 +340,7 @@ priority_high --> -
+