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> </span>
<ak-event-rule-form slot="form" .rule=${item}> <ak-event-rule-form slot="form" .rule=${item}>
</ak-event-rule-form> </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`} ${t`Edit`}
</button> </button>
</ak-forms-modal> </ak-forms-modal>
@ -108,7 +108,8 @@ export class RuleListPage extends TablePage<NotificationRule> {
return html` return html`
<td role="cell" colspan="4"> <td role="cell" colspan="4">
<div class="pf-c-table__expandable-row-content"> <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 .target=${item.pk}>
</ak-bound-policies-list> </ak-bound-policies-list>
</div> </div>

View File

@ -70,7 +70,7 @@ export class TransportListPage extends TablePage<NotificationTransport> {
</span> </span>
<ak-event-transport-form slot="form" .transport=${item}> <ak-event-transport-form slot="form" .transport=${item}>
</ak-event-transport-form> </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`} ${t`Edit`}
</button> </button>
</ak-forms-modal> </ak-forms-modal>

View File

@ -61,7 +61,7 @@ export class FlowViewPage extends LitElement {
<ak-tabs> <ak-tabs>
<div slot="page-1" data-tab-title="${t`Flow Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <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-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">
<div class="pf-c-card__body"> <div class="pf-c-card__body">
<ak-flow-diagram flowSlug=${this.flow.slug}> <ak-flow-diagram flowSlug=${this.flow.slug}>

View File

@ -145,7 +145,8 @@ export class PropertyMappingListPage extends TablePage<PropertyMapping> {
} }
renderToolbarAfter(): TemplateResult { 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-toolbar__item pf-m-search-filter">
<div class="pf-c-input-group"> <div class="pf-c-input-group">
<div class="pf-c-check"> <div class="pf-c-check">

View File

@ -75,7 +75,7 @@ export class UserListPage extends TablePage<User> {
</button> </button>
</ak-forms-modal> </ak-forms-modal>
<ak-dropdown class="pf-c-dropdown"> <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> <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> <i class="fas fa-caret-down pf-c-dropdown__toggle-icon" aria-hidden="true"></i>
</button> </button>