UX: fixes display issues in split to existing topic modal

This commit is contained in:
Joe 2018-11-19 13:12:42 +08:00 committed by GitHub
parent 9fd704735e
commit 94c724fb89
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 6 deletions

View File

@ -9,13 +9,18 @@
<p>{{i18n 'choose_topic.none_found'}}</p>
{{else}}
{{#each topics as |t|}}
<div class='controls'>
<div class='controls existing-topic'>
<label class='radio'>
<input type='radio' id="choose-topic-{{unbound t.id}}" name='choose_topic_id' {{action "chooseTopic" t}}>{{t.title}}
{{#if t.category.parentCategory}}
{{bound-category-link t.category.parentCategory}}
{{/if}}
{{bound-category-link t.category}}
<input type='radio' id="choose-topic-{{unbound t.id}}" name='choose_topic_id' {{action "chooseTopic" t}}>
<span class="topic-title">
{{t.title}}
</span>
<span class="topic-categories">
{{#if t.category.parentCategory}}
{{bound-category-link t.category.parentCategory}}
{{/if}}
{{bound-category-link t.category}}
</span>
</label>
</div>
{{/each}}

View File

@ -569,6 +569,21 @@
}
}
// split topic modal
.split-modal {
// move to existing topic
.existing-topic {
.radio {
flex-wrap: wrap;
align-items: center;
}
.topic-categories {
width: 100%;
margin-left: 5px;
}
}
}
.tabbed-modal {
.modal-body {
position: relative;