Use a fixed height for the image upload and delete buttons because the aspect ratio was behaving strangely on mobile

This commit is contained in:
Kevin MacMartin 2018-04-25 01:44:24 -04:00
parent 33cb7434ff
commit c0e1673b14

View file

@ -836,9 +836,9 @@ body {
} }
.image-upload-button, .image-delete-button { .image-upload-button, .image-delete-button {
@include aspect-ratio(1, 1);
display: block; display: block;
width: 40px; width: 40px;
height: 40px;
min-height: 0; min-height: 0;
border: 1px solid darken($c-dashboard-light, 14%); border: 1px solid darken($c-dashboard-light, 14%);
border-radius: 3px; border-radius: 3px;
@ -863,7 +863,7 @@ body {
.image-delete-button { .image-delete-button {
background-image: url("/img/dashboard/trash-alt.svg"); background-image: url("/img/dashboard/trash-alt.svg");
opacity: 1; opacity: 1;
transition: background-color 150ms, opacity 150ms; transition: background-color 150ms, opacity 150ms;
&.inactive { &.inactive {
opacity: 0.35; opacity: 0.35;