IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-01 21:19:41 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Previous positioning was better for the image resizer

Browse Source
This commit is contained in:
Kris 2019-03-05 22:10:12 -05:00
parent fcfbdbc9c1
commit 86f9ace0ea
1 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
app/assets/stylesheets/common/d-editor.scss
View File

@ -203,8 +203,23 @@
border: 1px solid $primary-low;
}
.d-editor-preview img {
padding-bottom: 1.4em;
&.emoji,
&.avatar {
padding-bottom: 0;
}
}
.d-editor-preview .image-wrapper {
position: relative;
display: inline-block;
padding-bottom: 1.4em;
img {
padding-bottom: 0;
}
&:hover {
.button-wrapper {
opacity: 0.9;
@ -212,21 +227,22 @@
}
.button-wrapper {
opacity: 0;
background: $secondary;
position: absolute;
transition: all 0.25s;
display: flex;
align-items: center;
bottom: 0.75em;
left: 0.75em;
box-shadow: shadow("dropdown");
bottom: 0;
left: 0;
.separator {
color: $primary-low;
color: $primary-low-mid;
}
.scale-btn {
color: $tertiary;
padding: 0.2em 0.6em;
padding: 0 0.4em;
&:first-of-type {
padding-left: 0;
}
&.active {
font-weight: bold;