Updated Audit log filter dropdown

refs. https://github.com/TryGhost/Toolbox/issues/356

- The order of the items in the dropdown wasn't representing importance, also it took up a bit too much vertical space
This commit is contained in:
Peter Zimon 2022-08-23 09:45:06 +02:00
parent 02a0fd5a32
commit 4aecc21a45
4 changed files with 16 additions and 11 deletions

View File

@ -6,7 +6,7 @@
</span>
</dd.Trigger>
<dd.Content class="gh-member-activity-actions-menu dropdown-menu dropdown-triangle-top-right">
<dd.Content class="gh-member-activity-actions-menu gh-activity-log-actions dropdown-menu dropdown-triangle-top-right">
{{!-- NOTE: re-using ember-power-select-options styles --}}
<ul class="ember-power-select-options" role="listbox">
{{#each this.eventTypes as |type idx|}}

View File

@ -11,12 +11,12 @@ const ALL_RESOURCE_TYPES = [
{event: 'post', icon: 'event-filter-payment', name: 'Posts'},
{event: 'page', icon: 'event-filter-payment', name: 'Pages'},
{event: 'tag', icon: 'event-filter-newsletter', name: 'Tags'},
{event: 'label', icon: 'event-filter-newsletter', name: 'Member labels'},
{event: 'user', icon: 'idk', name: 'Users'},
{event: 'setting', icon: 'event-filter-newsletter', name: 'Settings'},
{event: 'integration', icon: 'event-filter-newsletter', name: 'Integrations'},
{event: 'api_key', icon: 'event-filter-newsletter', name: 'API keys'},
{event: 'webhook', icon: 'event-filter-newsletter', name: 'Webhooks'},
{event: 'label', icon: 'event-filter-newsletter', name: 'Labels'}
{event: 'webhook', icon: 'event-filter-newsletter', name: 'Webhooks'}
];
export default class AuditLogEventFilter extends Component {

View File

@ -199,16 +199,20 @@
margin-top: 8px;
}
.gh-member-activity-actions-menu ul {
max-height: 60vh !important;
}
.gh-member-activity-actions-menu ul li {
margin: 0 2rem;
padding: 3px 2rem !important;
}
.gh-member-activity-actions-menu ul li:first-of-type {
margin-top: 2rem;
padding-top: 2rem !important;
}
.gh-member-activity-actions-menu ul li:last-of-type {
margin-bottom: 2rem;
padding-bottom: 2rem !important;
}
.gh-member-activity-actions-menu h3 {
@ -241,13 +245,10 @@
}
.gh-member-activity-actions-menu .ember-power-select-option label p {
display: flex;
align-items: center;
justify-content: flex-start;
color: var(--darkgrey);
font-weight: 500;
font-weight: 400;
font-size: 1.4rem;
padding: 0.125rem 6rem 0 0.25rem;
padding: 0.125rem 0 0 0.25rem;
margin: 0;
}

View File

@ -2898,4 +2898,8 @@ p.theme-validation-details {
.gh-audit-log-name {
margin-bottom: 0 !important;
}
.gh-activity-log-actions ul {
width: 240px;
}