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