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
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 29 additions and 23 deletions

View File

@ -35,7 +35,6 @@ export default Controller.extend({
}) })
); );
}); });
this.set("model", model); this.set("model", model);
}, },

View File

@ -1,26 +1,28 @@
<div class="admin-controls"> <div class="admin-contents">
<div class="controls"> <div class="admin-controls">
{{d-button action=(action "toggleMenu") class="menu-toggle" icon="bars"}} <div class="controls">
{{text-field value=filter placeholderKey="admin.watched_words.search" class="no-blur"}} {{d-button action=(action "toggleMenu") class="menu-toggle" icon="bars"}}
{{d-button action=(action "clearFilter") label="admin.watched_words.clear_filter"}} {{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>
<div class="admin-nav pull-left"> <div class="admin-nav pull-left">
<ul class="nav nav-stacked"> <ul class="nav nav-stacked">
{{#each model as |action|}} {{#each model as |action|}}
<li class={{action.nameKey}}> <li class={{action.nameKey}}>
{{#link-to "adminWatchedWords.action" action.nameKey}} {{#link-to "adminWatchedWords.action" action.nameKey}}
{{action.name}} {{action.name}}
{{#if action.words}}<span class="count">({{action.words.length}})</span>{{/if}} {{#if action.words}}<span class="count">({{action.words.length}})</span>{{/if}}
{{/link-to}} {{/link-to}}
</li> </li>
{{/each}} {{/each}}
</ul> </ul>
</div> </div>
<div class="admin-detail pull-left mobile-closed watched-words-detail"> <div class="admin-detail pull-left mobile-closed watched-words-detail">
{{outlet}} {{outlet}}
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div>

View File

@ -396,6 +396,11 @@ table.screened-ip-addresses {
.watched-word-form { .watched-word-form {
margin-bottom: 1em; margin-bottom: 1em;
} }
.watched-word-controls .btn {
margin-bottom: 0.25em;
margin-right: 0.25em;
}
} }
.watched-words-test-modal p { .watched-words-test-modal p {