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