Skip to content

Commit

Permalink
Make the "Copied!" notification visible again
Browse files Browse the repository at this point in the history
It was made invisible in 2f07551,
because the notification was located outside the `.copy-controls`,
and anything outside it was hidden to prevent long mask addresses
from breaking the layout.

Thus, with this change, I've simply moved the notification to
overlap the copy button and be positioned in the middle of it.
  • Loading branch information
Vinnl committed May 30, 2022
1 parent 0be947c commit e57aefc
Showing 1 changed file with 2 additions and 4 deletions.
6 changes: 2 additions & 4 deletions frontend/src/components/dashboard/aliases/Alias.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -95,16 +95,14 @@ $toggleTransitionDuration: 200ms;
background-color: $color-violet-30;
color: $color-white;
border-radius: $border-radius-md;
padding: $spacing-xs;
padding: 0 $spacing-xs;
// By allowing this to overlap other elements,
// we don't need to reserve empty space for it.
// Otherwise, this empty space would push the
// .expand-toggle out of the card on small screens:
position: absolute;
left: 50%;
left: $spacing-xs;
top: 0;
// right: 0;
transform: translateX(-50%) translateY(-100%);

&.is-shown {
pointer-events: auto;
Expand Down

0 comments on commit e57aefc

Please sign in to comment.