web/admin: fix inconsistent button levels for events lists

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer 2021-04-04 19:03:25 +02:00
parent e2f01ce740
commit 597bd472ea
5 changed files with 8 additions and 6 deletions

View File

@ -66,7 +66,7 @@ export class RuleListPage extends TablePage<NotificationRule> {
</span>
<ak-event-rule-form slot="form" .rule=${item}>
</ak-event-rule-form>
<button slot="trigger" class="pf-c-button pf-m-primary">
<button slot="trigger" class="pf-c-button pf-m-secondary">
${t`Edit`}
</button>
</ak-forms-modal>
@ -108,7 +108,8 @@ export class RuleListPage extends TablePage<NotificationRule> {
return html`
<td role="cell" colspan="4">
<div class="pf-c-table__expandable-row-content">
<p>${t`These policies control upon which events this rule triggers.`}</p>
<p>${t`These policies control upon which events this rule triggers. Bindings to
groups/users are checked against the user of the event.`}</p>
<ak-bound-policies-list .target=${item.pk}>
</ak-bound-policies-list>
</div>

View File

@ -70,7 +70,7 @@ export class TransportListPage extends TablePage<NotificationTransport> {
</span>
<ak-event-transport-form slot="form" .transport=${item}>
</ak-event-transport-form>
<button slot="trigger" class="pf-c-button pf-m-primary">
<button slot="trigger" class="pf-c-button pf-m-secondary">
${t`Edit`}
</button>
</ak-forms-modal>

View File

@ -61,7 +61,7 @@ export class FlowViewPage extends LitElement {
<ak-tabs>
<div slot="page-1" data-tab-title="${t`Flow Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-l-gallery pf-m-gutter">
<div class="pf-c-card pf-l-gallery__item" style="grid-column-end: span 3;grid-row-end: span 2;">
<div class="pf-c-card pf-l-gallery__item" style="grid-column-end: span 4;grid-row-end: span 2;">
<div class="pf-c-card">
<div class="pf-c-card__body">
<ak-flow-diagram flowSlug=${this.flow.slug}>

View File

@ -145,7 +145,8 @@ export class PropertyMappingListPage extends TablePage<PropertyMapping> {
}
renderToolbarAfter(): TemplateResult {
return html`<div class="pf-c-toolbar__group pf-m-filter-group">
return html`&nbsp;
<div class="pf-c-toolbar__group pf-m-filter-group">
<div class="pf-c-toolbar__item pf-m-search-filter">
<div class="pf-c-input-group">
<div class="pf-c-check">

View File

@ -75,7 +75,7 @@ export class UserListPage extends TablePage<User> {
</button>
</ak-forms-modal>
<ak-dropdown class="pf-c-dropdown">
<button class="pf-c-dropdown__toggle pf-m-primary" type="button">
<button class="pf-c-dropdown__toggle pf-m-secondary" type="button">
<span class="pf-c-dropdown__toggle-text">${item.isActive ? t`Disable` : t`Enable`}</span>
<i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
</button>