fix uploader icons

This commit is contained in:
Devin Howard 2017-11-04 19:12:25 -07:00
parent ed589c79c4
commit cebf6626ee

View file

@ -645,6 +645,8 @@ background-color: #E0E0E0;
} }
} }
$attachment_button_size: 32px;
.upload-audio-start, .upload-audio-start,
.upload-file-dropzone, .upload-file-dropzone,
.upload-photo-dropzone, .upload-photo-dropzone,
@ -658,13 +660,6 @@ background-color: #E0E0E0;
color: #999999; color: #999999;
} }
& > div {
width: 48px;
height: 48px;
margin: 0 auto;
box-sizing: border-box;
padding-top: 75%;
}
&.photo-upload > div { &.photo-upload > div {
background-image: url(<%= asset_path('upload_icons/CameraIcons.png') %>); background-image: url(<%= asset_path('upload_icons/CameraIcons.png') %>);
} }
@ -684,14 +679,24 @@ background-color: #E0E0E0;
.audio-upload, .audio-upload,
.file-upload { .file-upload {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 48px 48px; background-size: $attachment_button_size $attachment_button_size;
background-position: 0 center; background-position: 0 center;
width: 48px; width: $attachment_button_size;
height: 48px; height: $attachment_button_size;
& > div {
width: $attachment_button_size;
height: $attachment_button_size;
margin: 0 auto;
box-sizing: border-box;
padding-top: $attachment_button_size;
background-size: $attachment_button_size;
&:hover { &:hover {
/*background-position: ;*/ background-position: 0 $attachment_button_size;
} }
}
} }
.upload-audio-start, .upload-audio-start,