discourse/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-09 14:34:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

FIX: Prevent long composer overlapping controls

Browse Source
This commit is contained in:
Kris 2018-02-02 22:31:55 -05:00
parent cf623e65e0
commit 86bf6babf8
2 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/assets/stylesheets/common/base/compose.scss
View File

@ -96,21 +96,38 @@
color: $primary-high;
}
.reply-details {
max-width: calc(100% - 100px);
max-width: calc(100% - 175px);
flex: 1 1 auto;
white-space: nowrap;
}
.composer-action-title {
display: inline-flex;
align-items: center;
justify-content: space-between;
width: auto;
max-width: 100%;
.avatar {
width: 20px;
}
.topic-link, .user-link, .username {
.topic-link, .user-link {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: calc(100%-125px);
margin-right: 5px;
}
.username {
margin-right: 5px;
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@media screen and (max-width: 500px) {
display: none;
}
}
.d-icon {
margin-right: 5px;
}

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

@ -23,16 +23,16 @@
&:not(.private-message) {
.d-editor-preview-wrapper {
@media screen and (max-width: 955px) {
margin-top: -79px;
margin-top: -77px;
}
}
}
.with-tags {
.d-editor-preview-wrapper {
margin-top: -79px;
margin-top: -77px;
@media screen and (max-width: 900px) {
margin-top: -116px;
margin-top: -105px;
}
}
}