From b543d534a7635bc711ed73a00c7b8bdd0d399b8f Mon Sep 17 00:00:00 2001
From: malinac02 <104539507+malinac02@users.noreply.github.com>
Date: Thu, 13 Jul 2023 11:28:20 -0700
Subject: [PATCH] UI: Fix styling for username input when editing a user
 (#21771)

* changed form-field-groups.hbs to show a disabled text book for username when editing a user

* reverted the change in form-field-groups.hbs. Instead changed the CSS for readonly to match the CSS of disabled in inputs.scss

* changed readonly input styling in inputs.scss in accordance with new design for readonly input

* added changelog
---
 changelog/21771.txt            | 3 +++
 ui/app/styles/core/inputs.scss | 2 ++
 2 files changed, 5 insertions(+)
 create mode 100644 changelog/21771.txt

diff --git a/changelog/21771.txt b/changelog/21771.txt
new file mode 100644
index 0000000000..55252dcb36
--- /dev/null
+++ b/changelog/21771.txt
@@ -0,0 +1,3 @@
+```release-note:bug
+ui: Fix styling for username input when editing a user
+```
\ No newline at end of file
diff --git a/ui/app/styles/core/inputs.scss b/ui/app/styles/core/inputs.scss
index 826abdaecd..a62891d7ec 100644
--- a/ui/app/styles/core/inputs.scss
+++ b/ui/app/styles/core/inputs.scss
@@ -60,7 +60,9 @@
 
 .input[readonly],
 .textarea[readonly] {
+  border: none;
   box-shadow: none;
+  cursor: not-allowed;
 }
 
 // textarea specific css