IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Improve appearance of pm title editing

Browse Source
This commit is contained in:
Kris 2020-01-16 21:31:17 -05:00
parent 9c04aa593c
commit 02dbcac861
3 changed files with 19 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
app/assets/stylesheets/common/base/topic.scss
View File

@ -111,9 +111,6 @@ a.badge-category {
#edit-title { #edit-title {
flex: 1 1 auto; flex: 1 1 auto;
} }
.private-message-glyph {
margin: 5px 5px 0 0;
}
.category-chooser, .category-chooser,
.mini-tag-chooser { .mini-tag-chooser {
flex: 1 1 49%; flex: 1 1 49%;
@ -131,20 +128,30 @@ a.badge-category {
} }
} }
.private-message-glyph {
color: dark-light-choose($primary-low-mid, $secondary-high);
margin-right: 5px;
}
.archetype-private_message #topic-title .edit-topic-title .tag-chooser {
margin-left: 19px;
}
.private_message { .private_message {
#topic-title { #topic-title {
.private-message-glyph {
display: inline-block;
color: dark-light-choose($primary-low-mid, $secondary-high);
}
.edit-topic-title { .edit-topic-title {
position: relative;
.private-message-glyph {
position: absolute;
left: 0.75em;
top: 5px;
}
#edit-title { #edit-title {
width: calc(100% - 50px); width: calc(100% - 50px);
padding-left: 2.25em;
}
.mini-tag-chooser {
margin-left: 0;
@include breakpoint(mobile-large, min-width) {
.selected-name {
max-width: 500px;
}
}
} }
} }
} }

8
app/assets/stylesheets/desktop/topic.scss
View File

@ -44,14 +44,6 @@
} }
} }
.private-message-glyph {
float: left;
}
.private_message #topic-title .private-message-glyph {
display: inline;
}
.topic-error, .topic-error,
.topic-notice { .topic-notice {
padding: 18px; padding: 18px;

7
app/assets/stylesheets/mobile/topic.scss
View File

@ -26,13 +26,6 @@
.title-category-wrapper { .title-category-wrapper {
margin-top: 5px; margin-top: 5px;
} }
.private-message-glyph {
display: none;
}
}
.private_message #topic-title .private-message-glyph {
display: inline;
} }
.topic-status-info { .topic-status-info {