diff --git a/app/src/assets/scss/component/_text-field.scss b/app/src/assets/scss/component/_text-field.scss index ed356b4a5..156096ff2 100644 --- a/app/src/assets/scss/component/_text-field.scss +++ b/app/src/assets/scss/component/_text-field.scss @@ -8,6 +8,7 @@ color: var(--b3-theme-on-background); transition: box-shadow 120ms 0ms cubic-bezier(0, 0, 0.2, 1); background-color: var(--b3-theme-background); + -webkit-appearance: none; &:not(.b3-text-field--text):hover { box-shadow: inset 0 0 0 .6px var(--b3-theme-on-background); diff --git a/app/stage/auth.html b/app/stage/auth.html index 38b3cc41d..669e1e6d6 100644 --- a/app/stage/auth.html +++ b/app/stage/auth.html @@ -90,7 +90,7 @@ box-shadow: inset 0 0 0 1px var(--b3-theme-primary); } - .b3-text-filed { + .b3-text-field { width: 240px; border: 0; border-radius: 4px; @@ -101,13 +101,14 @@ color: var(--b3-theme-on-background); transition: box-shadow 120ms 0ms cubic-bezier(0, 0, 0.2, 1); background-color: var(--b3-theme-background); + -webkit-appearance: none; } - .b3-text-filed:hover { + .b3-text-field:hover { border-color: var(--b3-theme-on-background); } - .b3-text-filed:focus { + .b3-text-field:focus { outline: none; box-shadow: inset 0 0 0 1px var(--b3-theme-primary), 0 0 0 3px var(--b3-theme-primary-lightest); } @@ -185,10 +186,10 @@