[Glitch] Fix domain label position and color

Port 45b8a91983 to glitch-soc
6 years ago · c47e40cd6e
parent 69d348ed98
commit c47e40cd6e
2 changed files with 3 additions and 3 deletions
--- a/app/javascript/flavours/glitch/styles/forms.scss
+++ b/app/javascript/flavours/glitch/styles/forms.scss
@ -427,7 +427,7 @@ code {

    &__append {
      position: absolute;
-      right: 1px;
+      right: 3px;
      top: 1px;
      padding: 10px;
      padding-bottom: 9px;
--- a/app/javascript/flavours/glitch/styles/rtl.scss
+++ b/app/javascript/flavours/glitch/styles/rtl.scss
@ -250,12 +250,12 @@ body.rtl {

  .simple_form .label_input__append {
    right: auto;
-    left: 0;
+    left: 3px;

    &::after {
      right: auto;
      left: 0;
-      background-image: linear-gradient(to left, rgba($ui-base-color, 0), $ui-base-color);
+      background-image: linear-gradient(to left, rgba(darken($ui-base-color, 10%), 0), darken($ui-base-color, 10%));
    }
  }