Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: add min-height to preview image wrapper to give controls space (#27523)

This commit is contained in:
Kris 2024-06-18 17:52:50 -04:00 committed by GitHub
parent 5cb84f8dcf
commit e81b84c66e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -163,11 +163,12 @@
} }
.d-editor-preview .image-wrapper { .d-editor-preview .image-wrapper {
--resizer-height: 2.5em;
position: relative; position: relative;
display: inline-block; display: inline-block;
min-height: calc(var(--resizer-height) * 2);
.button-wrapper { .button-wrapper {
--resizer-height: 2.5em;
box-sizing: border-box; box-sizing: border-box;
padding: 0.25em 0.5em; padding: 0.25em 0.5em;
min-width: 19em; // wide enough to contain all controls min-width: 19em; // wide enough to contain all controls