Change list title input styling (#17092)

4 years ago · 40f202c1e5
parent 2aafa5b4e7
commit 40f202c1e5
1 changed files with 8 additions and 5 deletions
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@ -3074,17 +3074,20 @@ a.account__display-name {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
-  color: $inverted-text-color;
-  background: $simple-background-color;
-  padding: 10px;
+  color: $darker-text-color;
+  background: transparent;
+  padding: 7px 0;
  font-family: inherit;
  font-size: 14px;
  resize: vertical;
  border: 0;
+  border-bottom: 2px solid $ui-primary-color;
  outline: 0;
-  border-radius: 4px;

-  &:focus {
+  &:focus,
+  &:active {
+    color: $primary-text-color;
+    border-bottom-color: $ui-highlight-color;
    outline: 0;
  }