FIX: Mobile layout for watched words admin UI (#13427)

This commit is contained in:
Penar Musaraj
2021-06-18 08:57:13 -04:00
committed by GitHub
parent c9bd4b4c64
commit e9e2827636
3 changed files with 29 additions and 23 deletions
@@ -35,7 +35,6 @@ export default Controller.extend({
})
);
});
this.set("model", model);
},
@@ -1,26 +1,28 @@
<div class="admin-controls">
<div class="controls">
{{d-button action=(action "toggleMenu") class="menu-toggle" icon="bars"}}
{{text-field value=filter placeholderKey="admin.watched_words.search" class="no-blur"}}
{{d-button action=(action "clearFilter") label="admin.watched_words.clear_filter"}}
<div class="admin-contents">
<div class="admin-controls">
<div class="controls">
{{d-button action=(action "toggleMenu") class="menu-toggle" icon="bars"}}
{{text-field value=filter placeholderKey="admin.watched_words.search" class="no-blur"}}
{{d-button action=(action "clearFilter") label="admin.watched_words.clear_filter"}}
</div>
</div>
</div>
<div class="admin-nav pull-left">
<ul class="nav nav-stacked">
{{#each model as |action|}}
<li class={{action.nameKey}}>
{{#link-to "adminWatchedWords.action" action.nameKey}}
{{action.name}}
{{#if action.words}}<span class="count">({{action.words.length}})</span>{{/if}}
{{/link-to}}
</li>
{{/each}}
</ul>
</div>
<div class="admin-nav pull-left">
<ul class="nav nav-stacked">
{{#each model as |action|}}
<li class={{action.nameKey}}>
{{#link-to "adminWatchedWords.action" action.nameKey}}
{{action.name}}
{{#if action.words}}<span class="count">({{action.words.length}})</span>{{/if}}
{{/link-to}}
</li>
{{/each}}
</ul>
</div>
<div class="admin-detail pull-left mobile-closed watched-words-detail">
{{outlet}}
</div>
<div class="admin-detail pull-left mobile-closed watched-words-detail">
{{outlet}}
</div>
<div class="clearfix"></div>
<div class="clearfix"></div>
</div>