github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-30 01:54:02 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: adjustments for topic title editing

Browse Source
This commit is contained in:
Sam 2017-11-28 12:00:18 +11:00
parent 0caa335ef0
commit ceaadf6246
2 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/javascripts/discourse/templates/topic.hbs
View File

@ -18,18 +18,15 @@
{{text-field id="edit-title" value=buffered.title maxlength=siteSettings.max_topic_title_length autofocus="true"}} {{text-field id="edit-title" value=buffered.title maxlength=siteSettings.max_topic_title_length autofocus="true"}}
{{#if showCategoryChooser}} {{#if showCategoryChooser}}
<br>
{{category-chooser class="small" value=buffered.category_id}} {{category-chooser class="small" value=buffered.category_id}}
{{/if}} {{/if}}
{{#if canEditTags}} {{#if canEditTags}}
<br>
{{tag-chooser tags=buffered.tags categoryId=buffered.category_id}} {{tag-chooser tags=buffered.tags categoryId=buffered.category_id}}
{{/if}} {{/if}}
{{plugin-outlet name="edit-topic" args=(hash model=model buffered=buffered)}} {{plugin-outlet name="edit-topic" args=(hash model=model buffered=buffered)}}
<br>
<div class="edit-controls"> <div class="edit-controls">
{{d-button action="finishedEditingTopic" class="btn-primary btn-small submit-edit" icon="check"}} {{d-button action="finishedEditingTopic" class="btn-primary btn-small submit-edit" icon="check"}}
{{d-button action="cancelEditingTopic" class="btn-small cancel-edit" icon="times"}} {{d-button action="cancelEditingTopic" class="btn-small cancel-edit" icon="times"}}

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

@ -179,24 +179,29 @@
sup sup, sub sup, sup sub, sub sub { top: 0; } sup sup, sub sup, sup sub, sub sub { top: 0; }
// inline editing of title on mobile // inline editing of title on mobile
.title-wrapper { #topic-title .title-wrapper {
position: relative;
float: none;
width: 100%;
input#edit-title { input#edit-title {
width: 95%;
padding: 5px;
box-sizing: border-box; box-sizing: border-box;
width: 100%;
height: 32px;
} }
.select2-container {
box-sizing: border-box;
width: 100% !important;
}
.btn-small { .btn-small {
padding: 8px 12px; padding: 8px 12px;
margin: 6px 6px 0 0; margin: 6px 6px 0 0;
} }
.select2-container {
margin-top: 8px; .select-box-kit.combo-box.category-chooser {
width: 95% !important; width: 100%;
} margin-top: 0;
.category-chooser {
margin-top: 8px;
width: 95%;
} }
} }