codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-11-23 23:58:31 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

FIX: avoid horizontal scrollbar on narrow windows

Browse source
This commit is contained in:
Sam 2015-09-15 15:35:58 +10:00
parent 83efde79f0
commit 4758144f6a
2 changed files with 45 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
app/assets/javascripts/discourse/views/topic-footer-buttons.js.es6
View file

@ -9,6 +9,32 @@ import PinnedButton from 'discourse/components/pinned-button';
import TopicNotificationsButton from 'discourse/components/topic-notifications-button';
import DiscourseContainerView from 'discourse/views/container';
const MainPanel = Discourse.ContainerView.extend({
elementId: 'topic-footer-main-buttons',
topicBinding: 'controller.content',
init() {
this._super();
const topic = this.get('topic');
if (!topic.get('isPrivateMessage')) {
// We hide some controls from private messages
if (this.get('topic.details.can_invite_to')) {
this.attachViewClass(InviteReplyButton);
}
this.attachViewClass(BookmarkButton);
this.attachViewClass(ShareButton);
if (this.get('topic.details.can_flag_topic')) {
this.attachViewClass(FlagTopicButton);
}
}
if (this.get('topic.details.can_create_post')) {
this.attachViewClass(ReplyButton);
}
}
});
export default DiscourseContainerView.extend({
elementId: 'topic-footer-buttons',
topicBinding: 'controller.content',
@ -26,20 +52,9 @@ export default DiscourseContainerView.extend({
if (Discourse.User.currentProp("staff")) {
this.attachViewClass(TopicAdminMenuButton);
}
if (!topic.get('isPrivateMessage')) {
// We hide some controls from private messages
if (this.get('topic.details.can_invite_to')) {
this.attachViewClass(InviteReplyButton);
}
this.attachViewClass(BookmarkButton);
this.attachViewClass(ShareButton);
if (this.get('topic.details.can_flag_topic')) {
this.attachViewClass(FlagTopicButton);
}
}
if (this.get('topic.details.can_create_post')) {
this.attachViewClass(ReplyButton);
}
this.attachViewWithArgs(viewArgs, MainPanel);
this.attachViewWithArgs(viewArgs, PinnedButton);
this.attachViewWithArgs(viewArgs, TopicNotificationsButton);

36
app/assets/stylesheets/desktop/topic.scss
View file

@ -228,40 +228,36 @@ a:hover.reply-new {
}
@media all
and (max-width : 940px) {
and (max-width : 1000px) {
#topic-progress, #topic-progress-expanded {
left: 295px;
right: 0;
left: 0;
}
}
@media all
and (max-width : 870px) {
#topic-progress, #topic-progress-expanded {
left: 210px;
}
}
@media all
and (max-width : 724px) {
#topic-progress-wrapper {
right: 0;
#topic-progress, #topic-progress-expanded { left: auto; right: 145px; }
right: 160px;
}
#topic-progress-wrapper.docked {
right: 152px;
}
#topic-footer-main-buttons {
max-width: 70%;
}
}
@media all
and (max-width : 485px) {
#topic-progress-wrapper.docked {
display: none;
}
}
#topic-footer-main-buttons {
max-width: 100%;
}
}