diff --git a/static/scss/partials/dashboard.scss b/static/scss/partials/dashboard.scss index c52cefcffc..a60c512968 100644 --- a/static/scss/partials/dashboard.scss +++ b/static/scss/partials/dashboard.scss @@ -193,9 +193,14 @@ .c-alias-name { margin-left: $spacing-xs; - width: 100%; - overflow: hidden; + max-width: 100%; + height: 100%; flex-wrap: nowrap; + width: $content-sm; + + .additional-notes, .relay-address { + text-overflow: ellipsis; + } .relay-address { display: none; @@ -211,6 +216,8 @@ input { text-overflow: ellipsis; + width: inherit; + max-width: 100%; } @media #{$mq-md} { diff --git a/static/scss/partials/main.scss b/static/scss/partials/main.scss index 19ca5626e0..798423eb4b 100644 --- a/static/scss/partials/main.scss +++ b/static/scss/partials/main.scss @@ -946,11 +946,11 @@ input.relay-email-address-label { transition: all .2s ease; // Reset styles from protocol background-color: none; - min-width: 0; border-radius: 0; border: 0; margin: 0; list-style: inherit; + min-width: 0; } .additional-notes { @@ -960,6 +960,7 @@ input.relay-email-address-label { pointer-events: none; margin: auto auto 0 0; display: none; + width: 100%; } .legacy-addon-show-label { @@ -983,6 +984,7 @@ input::placeholder, .relay-email-address-label:placeholder-shown { color: $color-grey-50; opacity: 1; + width: 192px; } input:focus::placeholder { @@ -1029,11 +1031,6 @@ input:focus::placeholder { outline: none; } -.relay-email-address-label:focus, -input.input-has-error { - width: 200px !important; -} - .saved-confirmation { content: "Saved!"; background-color: green;