habsi/authentik
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: rework and expand tooltips (#6435)

Browse Source 
* web: replace custom tooltip with pfe-tooltip

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* add tooltips to all edit buttons

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* add tooltips to remaining table actions

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* add a bunch more tooltips

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* update locale

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

---------

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
This commit is contained in:
Jens L
2023-07-31 19:35:09 +02:00
committed by GitHub
parent 561e6956fe
commit 8079952d47
46 changed files with 734 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/user/UserInterface.ts
View File

@ -22,6 +22,7 @@ import "@goauthentik/elements/sidebar/Sidebar";
import { DefaultTenant } from "@goauthentik/elements/sidebar/SidebarBrand";
import "@goauthentik/elements/sidebar/SidebarItem";
import { ROUTES } from "@goauthentik/user/Routes";
import "@patternfly/elements/pf-tooltip/pf-tooltip.js";
import { msg } from "@lit/localize";
import { CSSResult, TemplateResult, css, html } from "lit";
@ -211,7 +212,12 @@ export class UserInterface extends Interface {
});
}}
>
<i class="fas fa-code" aria-hidden="true"></i>
<pf-tooltip
position="top"
content=${msg("Open API drawer")}
>
<i class="fas fa-code" aria-hidden="true"></i>
</pf-tooltip>
</button>
</div>`
: html``}
@ -238,7 +244,12 @@ export class UserInterface extends Interface {
? "pf-m-unread"
: ""}"
>
<i class="fas fa-bell" aria-hidden="true"></i>
<pf-tooltip
position="top"
content=${msg("Open Notification drawer")}
>
<i class="fas fa-bell" aria-hidden="true"></i>
</pf-tooltip>
<span class="pf-c-notification-badge__count"
>${this.notificationsCount}</span
>
@ -253,7 +264,9 @@ export class UserInterface extends Interface {
type="button"
href="#/settings"
>
<i class="fas fa-cog" aria-hidden="true"></i>
<pf-tooltip position="top" content=${msg("Settings")}>
<i class="fas fa-cog" aria-hidden="true"></i>
</pf-tooltip>
</a>
</div>`
: html``}
@ -262,7 +275,9 @@ export class UserInterface extends Interface {
href="/flows/-/default/invalidation/"
class="pf-c-button pf-m-plain"
>
<i class="fas fa-sign-out-alt" aria-hidden="true"></i>
<pf-tooltip position="top" content=${msg("Sign out")}>
<i class="fas fa-sign-out-alt" aria-hidden="true"></i>
</pf-tooltip>
</a>
</div>
${this.me.user.isSuperuser