mobile admin cleanup

This commit is contained in:
Kris 2018-07-13 01:43:40 -04:00
parent 409a30ce1c
commit c2cfb6ebae
5 changed files with 71 additions and 75 deletions

View File

@ -1,41 +1,41 @@
<p> <p>
{{i18n 'admin.logs.screened_emails.description'}} {{i18n 'admin.logs.screened_emails.description'}}
<button class="btn screened-email-export" {{action "exportScreenedEmailList"}} title="{{i18n 'admin.export_csv.button_title.screened_email'}}">{{d-icon "download"}}{{i18n 'admin.export_csv.button_text'}}</button>
</p> </p>
<button class="btn screened-email-export" {{action "exportScreenedEmailList"}} title="{{i18n 'admin.export_csv.button_title.screened_email'}}">{{d-icon "download"}}{{i18n 'admin.export_csv.button_text'}}</button>
<br> <br>
{{#conditional-loading-spinner condition=loading}} {{#conditional-loading-spinner condition=loading}}
{{#if model.length}} {{#if model.length}}
<div class='table screened-emails'> <table class='screened-emails grid'>
<div class="heading-container"> <thead>
<div class="col heading first email">{{i18n 'admin.logs.screened_emails.email'}}</div> <th class="first email">{{i18n 'admin.logs.screened_emails.email'}}</th>
<div class="col heading action">{{i18n 'admin.logs.action'}}</div> <th class="action">{{i18n 'admin.logs.action'}}</th>
<div class="col heading match_count">{{i18n 'admin.logs.match_count'}}</div> <th class="match_count">{{i18n 'admin.logs.match_count'}}</th>
<div class="col heading last_match_at">{{i18n 'admin.logs.last_match_at'}}</div> <th class="last_match_at">{{i18n 'admin.logs.last_match_at'}}</th>
<div class="col heading created_at">{{i18n 'admin.logs.created_at'}}</div> <th class="created_at">{{i18n 'admin.logs.created_at'}}</th>
<div class="col heading ip_address">{{i18n 'admin.logs.ip_address'}}</div> <th class="ip_address">{{i18n 'admin.logs.ip_address'}}</th>
<div class="col heading action"></div> <th class="action"></th>
<div class="clearfix"></div> </thead>
</div> <tbody>
{{#each model as |item|}} {{#each model as |item|}}
<div class="admin-list-item"> <tr class="admin-list-item">
<div class="col first email"> <td class="col first email">
<div class="overflow-ellipsis" title={{item.email}}>{{item.email}}</div> <div class="overflow-ellipsis" title={{item.email}}>{{item.email}}</div>
</div> </td>
<div class="col action">{{item.actionName}}</div> <td class="action">{{item.actionName}}</td>
<div class="col match_count">{{item.match_count}}</div> <td class="match_count"><div class="label">{{i18n 'admin.logs.match_count'}}</div>{{item.match_count}}</td>
<div class="col last_match_at">{{age-with-tooltip item.last_match_at}}</div> <td class="last_match_at"><div class="label">{{i18n 'admin.logs.last_match_at'}}</div>{{age-with-tooltip item.last_match_at}}</td>
<div class="col created_at">{{age-with-tooltip item.created_at}}</div> <td class="created_at"><div class="label">{{i18n 'admin.logs.created_at'}}</div>{{age-with-tooltip item.created_at}}</td>
<div class="col ip_address">{{item.ip_address}}</div> <td class="ip_address">{{item.ip_address}}</td>
<div class="col action"> <td class="action">
{{d-button action="clearBlock" actionParam=item icon="check" label="admin.logs.screened_emails.actions.allow"}} {{d-button action="clearBlock" actionParam=item icon="check" label="admin.logs.screened_emails.actions.allow"}}
</div> </td>
<div class="clearfix"></div> </tr>
</div>
{{/each}} {{/each}}
</div> </tbody>
</table>
{{else}} {{else}}
{{i18n 'search.no_results'}} {{i18n 'search.no_results'}}

View File

@ -1,34 +1,33 @@
<p> <p>
{{i18n 'admin.logs.screened_urls.description'}} {{i18n 'admin.logs.screened_urls.description'}}
<button class="btn pull-right" {{action "exportScreenedUrlList"}} title="{{i18n 'admin.export_csv.button_title.screened_url'}}">{{d-icon "download"}}{{i18n 'admin.export_csv.button_text'}}</button>
</p> </p>
<button class="btn" {{action "exportScreenedUrlList"}} title="{{i18n 'admin.export_csv.button_title.screened_url'}}">{{d-icon "download"}}{{i18n 'admin.export_csv.button_text'}}</button>
<br> <br>
{{#conditional-loading-spinner condition=loading}} {{#conditional-loading-spinner condition=loading}}
{{#if model.length}} {{#if model.length}}
<div class='table screened-urls'> <table class='screened-urls grid'>
<div class="heading-container"> <thead>
<div class="col heading first domain">{{i18n 'admin.logs.screened_urls.domain'}}</div> <th class="first domain">{{i18n 'admin.logs.screened_urls.domain'}}</th>
<div class="col heading action">{{i18n 'admin.logs.action'}}</div> <th class="action">{{i18n 'admin.logs.action'}}</th>
<div class="col heading match_count">{{i18n 'admin.logs.match_count'}}</div> <th class="match_count">{{i18n 'admin.logs.match_count'}}</th>
<div class="col heading last_match_at">{{i18n 'admin.logs.last_match_at'}}</div> <th class="last_match_at">{{i18n 'admin.logs.last_match_at'}}</th>
<div class="col heading created_at">{{i18n 'admin.logs.created_at'}}</div> <th class="created_at">{{i18n 'admin.logs.created_at'}}</th>
<div class="clearfix"></div> </thead>
</div> <tbody>
{{#each model as |url|}} {{#each model as |url|}}
<div class="admin-list-item"> <tr class="admin-list-item">
<div class="col first domain"> <td class="col first domain">
<div class="overflow-ellipsis" title={{url.domain}}>{{url.domain}}</div> <div class="overflow-ellipsis" title={{url.domain}}>{{url.domain}}</div>
</div> </td>
<div class="col action">{{url.actionName}}</div> <td class="col action">{{url.actionName}}</td>
<div class="col match_count">{{url.match_count}}</div> <td class="col match_count"><div class="label">{{i18n 'admin.logs.match_count'}}</div>{{url.match_count}}</td>
<div class="col last_match_at">{{age-with-tooltip url.last_match_at}}</div> <td class="col last_match_at"><div class="label">{{i18n 'admin.logs.last_match_at'}}</div>{{age-with-tooltip url.last_match_at}}</td>
<div class="col created_at">{{age-with-tooltip url.created_at}}</div> <td class="col created_at"><div class="label">{{i18n 'admin.logs.created_at'}}</div>{{age-with-tooltip url.created_at}}</td>
<div class="clearfix"></div> </tr>
</div>
{{/each}} {{/each}}
</div> </tbody>
</table>
{{else}} {{else}}
{{i18n 'search.no_results'}} {{i18n 'search.no_results'}}
{{/if}} {{/if}}

View File

@ -237,24 +237,38 @@ $mobile-breakpoint: 700px;
h3 { h3 {
font-weight: normal; font-weight: normal;
font-size: $font-0; font-size: $font-0;
@include breakpoint(mobile) {
word-wrap: break-word;
}
} }
button.edit { button.edit {
float: right; float: right;
} }
.site-text-value { .site-text-value {
margin: 0.5em 5em 0.5em 0; margin: 0.5em 5em 0.5em 0;
max-height: 100px; @include breakpoint(medium, min-width) {
max-height: 100px;
}
@include breakpoint(mobile) {
word-wrap: break-word;
}
color: $primary-medium; color: $primary-medium;
} }
} }
.edit-site-text { .edit-site-text {
textarea { textarea {
width: 80%; width: 100%;
max-width: 800px;
} }
.save-messages, .save-messages,
.title { .title {
margin-bottom: 1em; margin-bottom: 1em;
} }
@include breakpoint(mobile) {
.title {
word-wrap: break-word;
}
}
.go-back { .go-back {
margin-top: 1em; margin-top: 1em;
} }
@ -533,8 +547,14 @@ $mobile-breakpoint: 700px;
padding: 10px; padding: 10px;
display: flex; display: flex;
align-items: center; align-items: center;
@include breakpoint(mobile) {
margin: 0 -10px;
}
input { input {
margin: 0; margin: 0;
@include breakpoint(tablet) {
max-width: 150px;
}
} }
&.search { &.search {
width: auto; width: auto;

View File

@ -97,6 +97,9 @@ table.api-keys {
grid-column-end: -1; grid-column-end: -1;
grid-column-start: 2; grid-column-start: 2;
text-align: right; text-align: right;
.btn {
margin-bottom: 0.25em;
}
} }
} }
//IE11 Support //IE11 Support

View File

@ -1,7 +1,5 @@
// Styles for /admin/logs // Styles for /admin/logs
.screened-emails,
.screened-urls,
.web-hook-events { .web-hook-events {
border-bottom: dotted 1px dark-light-choose($primary-low-mid, $secondary); border-bottom: dotted 1px dark-light-choose($primary-low-mid, $secondary);
.heading-container { .heading-container {
@ -222,22 +220,6 @@
display: block; display: block;
} }
.screened-emails,
.screened-urls {
.email,
.url,
.domain {
width: 300px;
}
.action,
.match_count,
.last_match_at,
.created_at {
text-align: center;
width: 9.9099%;
}
}
.screened-ip-address-form { .screened-ip-address-form {
margin-left: 6px; margin-left: 6px;
.combobox { .combobox {
@ -245,14 +227,6 @@
} }
} }
.screened-emails,
.screened-urls {
.ip_address {
width: 9.9099%;
text-align: center;
}
}
.screened-ip-controls { .screened-ip-controls {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;