Improve upload item UI
This commit is contained in:
@@ -20,7 +20,6 @@ export default class PlacePhotoItem extends Component {
|
||||
|
||||
@tracked thumbnailUrl = '';
|
||||
@tracked error = '';
|
||||
@tracked isUploaded = false;
|
||||
|
||||
constructor() {
|
||||
super(...arguments);
|
||||
@@ -87,8 +86,6 @@ export default class PlacePhotoItem extends Component {
|
||||
]);
|
||||
}
|
||||
|
||||
this.isUploaded = true;
|
||||
|
||||
if (this.args.onSuccess) {
|
||||
this.args.onSuccess({
|
||||
file,
|
||||
@@ -137,12 +134,6 @@ export default class PlacePhotoItem extends Component {
|
||||
</button>
|
||||
{{/if}}
|
||||
|
||||
{{#if this.isUploaded}}
|
||||
<div class="photo-item-overlay success-overlay">
|
||||
<Icon @name="check" @size={{24}} @color="white" />
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<button
|
||||
type="button"
|
||||
class="btn-remove-photo"
|
||||
|
||||
@@ -283,10 +283,6 @@ body {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.success-overlay {
|
||||
background: rgb(152 195 121 / 60%);
|
||||
}
|
||||
|
||||
.btn-remove-photo {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
@@ -305,7 +301,7 @@ body {
|
||||
}
|
||||
|
||||
.btn-remove-photo:hover {
|
||||
background: rgb(224 108 117 / 90%);
|
||||
background: var(--marker-color-primary);
|
||||
}
|
||||
|
||||
.spin-animation {
|
||||
@@ -1588,12 +1584,6 @@ button.create-place {
|
||||
color: #00c;
|
||||
}
|
||||
|
||||
.connected-status {
|
||||
margin-bottom: 1rem;
|
||||
color: #080;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.preview-group {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user