mirror of
https://github.com/discourse/discourse.git
synced 2024-12-27 19:43:52 +08:00
f1edc20a50
This commit: - Adds back the target drop options to enable the feature - Applies the css to every elements and not just the one for admin emojis, also fixes the style as it was flashing and preventing it to work. For now we just change the color of the image icon. - Adds a test to ensure we don't regress.
61 lines
1014 B
SCSS
61 lines
1014 B
SCSS
.uploaded-image-preview {
|
|
background: var(--primary-medium) center;
|
|
background-size: cover;
|
|
position: relative;
|
|
max-width: 400px;
|
|
width: 100%;
|
|
height: 150px;
|
|
margin-bottom: 0.5em;
|
|
box-sizing: border-box;
|
|
|
|
&.uppy-is-drag-over {
|
|
.d-icon-far-image {
|
|
color: var(--success);
|
|
}
|
|
}
|
|
|
|
.meta {
|
|
display: none;
|
|
}
|
|
|
|
.placeholder-overlay {
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.image-upload-controls {
|
|
position: relative;
|
|
display: flex;
|
|
padding: 10px;
|
|
gap: 0.5em;
|
|
|
|
.image-uploader-lightbox-btn {
|
|
margin-left: auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
.image-uploader.no-repeat {
|
|
.uploaded-image-preview {
|
|
background-repeat: no-repeat;
|
|
}
|
|
}
|
|
|
|
.image-uploader.contain-image {
|
|
.uploaded-image-preview {
|
|
background-size: contain;
|
|
}
|
|
}
|
|
|
|
.hidden-upload-field {
|
|
visibility: hidden;
|
|
position: absolute;
|
|
}
|