From fe6c564aa9bf8016758c39126e9cde6f0e05ccbd Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Thu, 11 Aug 2022 18:16:34 +0200
Subject: [PATCH] Fix text-field-simple hover and focus style
To be the same as with Material inputs.
#319
---
.../cloze/cloze-child-elements/text-field-simple.component.ts | 4 +++-
1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/projects/common/components/compound-elements/cloze/cloze-child-elements/text-field-simple.component.ts b/projects/common/components/compound-elements/cloze/cloze-child-elements/text-field-simple.component.ts
index 8783a49eb..935c337b3 100644
--- a/projects/common/components/compound-elements/cloze/cloze-child-elements/text-field-simple.component.ts
+++ b/projects/common/components/compound-elements/cloze/cloze-child-elements/text-field-simple.component.ts
@@ -32,7 +32,9 @@ import {
`,
styles: [
'.clozeChild {border: 1px solid rgba(0,0,0,.12); border-radius: 5px}',
- 'input {width: calc(100% - 2px); height: calc(100% - 2px); vertical-align: top; padding: 0;}'
+ 'input {width: calc(100% - 2px); height: calc(100% - 2px); vertical-align: top; padding: 0;}',
+ 'input:hover {border: 1px solid currentColor;}',
+ 'input:focus {outline: 1px solid #3f51b5;}'
]
})
export class TextFieldSimpleComponent extends FormElementComponent {
--
GitLab