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

UX: Allow some overflow in composer preview (#11902)

This commit is contained in:
Kris 2021-01-29 20:28:56 -05:00 committed by GitHub
parent ba2f4f3393
commit 363170513e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -95,6 +95,9 @@
overflow: auto; overflow: auto;
cursor: default; cursor: default;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
// the below gives text little space to overflow without being cropped (e.g., Õ in headings)
padding-top: 1em;
margin-top: -1em;
} }
.d-editor-input, .d-editor-input,
@ -167,12 +170,15 @@
} }
.d-editor-preview-wrapper { .d-editor-preview-wrapper {
max-width: 100%; max-width: 100%;
margin: 10px 0 0 0; margin: 0;
padding: 0;
} }
.d-editor-preview { .d-editor-preview {
background-color: var(--primary-very-low); background-color: var(--primary-very-low);
padding: 5px; margin-top: 1em;
padding: 0.667em;
&:empty { &:empty {
margin: 0;
padding: 0; padding: 0;
} }
} }

10
app/assets/stylesheets/desktop/compose.scss
View File

@ -27,20 +27,24 @@
} }
.edit-title { .edit-title {
--overflow-buffer: 1em;
// this gives text little space to overflow without being cropped (e.g., Õ in headings)
.d-editor-preview-wrapper { .d-editor-preview-wrapper {
margin-top: -43px; margin-top: calc(-41px - var(--overflow-buffer));
padding-top: var(--overflow-buffer);
} }
&:not(.private-message) { &:not(.private-message) {
.d-editor-preview-wrapper { .d-editor-preview-wrapper {
@media screen and (max-width: 955px) { @media screen and (max-width: 955px) {
margin-top: -77px; margin-top: calc(-75px - var(--overflow-buffer));
} }
} }
} }
.with-tags { .with-tags {
.d-editor-preview-wrapper { .d-editor-preview-wrapper {
margin-top: -77px; margin-top: calc(-75px - var(--overflow-buffer));
} }
} }
} }