diff --git a/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-link-item/dropdown-menu-link-item.component.ts b/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-link-item/dropdown-menu-link-item.component.ts index 1d0258ddbcfd211a1ebc538e8ac38de7a0ca34c0..5c5d0d9a190e36e3f56830630b58b339681a90eb 100644 --- a/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-link-item/dropdown-menu-link-item.component.ts +++ b/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-link-item/dropdown-menu-link-item.component.ts @@ -7,10 +7,11 @@ import { OpenLinkIconComponent } from '../../icons/open-link-icon/open-link-icon standalone: true, imports: [LinkComponent, OpenLinkIconComponent], styles: [':host {@apply first:mt-2}'], - template: ` <ods-link [url]="url" class="bg-whitetext"> + template: ` <ods-link [url]="url" class="bg-whitetext" [openInNewTab]="true"> <div class="flex items-center gap-2 px-4 py-3"> - <p class="text-primary">{{ text }}</p> - <ods-open-link-icon size="small" /> + <p class="font-medium text-primary">{{ text }}</p> + <ods-open-link-icon class="size-5" /> + <span class="sr-only">Öffnet in einem neuen Tab</span> </div> </ods-link>`, }) diff --git a/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-text-item/dropdown-menu-text-item.component.ts b/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-text-item/dropdown-menu-text-item.component.ts index 1282e9fbd302e1eea24300083e52ddee62309544..270bdeef42b132e7ca1b022e11e9b2e9f8db225d 100644 --- a/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-text-item/dropdown-menu-text-item.component.ts +++ b/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu-text-item/dropdown-menu-text-item.component.ts @@ -5,7 +5,7 @@ import { Component, Input } from '@angular/core'; selector: 'ods-dropdown-menu-text-item', standalone: true, imports: [CommonModule], - styles: [':host {@apply flex min-h-12 items-start gap-4 px-4 py-3 text-start first:mt-2}'], + styles: [':host {@apply flex min-h-12 items-start gap-4 px-4 py-3 text-start}'], template: ` <ng-content select="[icon]" /> <div class="w-80 whitespace-normal"> diff --git a/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu/dropdown-menu.component.ts b/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu/dropdown-menu.component.ts index 5a7a7bba99728581d60fa65fd9fda66dbf093391..04a15c7eec0780ac9b8709224ab54aecaf77ab6f 100644 --- a/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu/dropdown-menu.component.ts +++ b/alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu/dropdown-menu.component.ts @@ -48,7 +48,7 @@ import { twMerge } from 'tailwind-merge'; </button> <div *ngIf="isPopupOpen" - class="absolute z-50 max-h-120 min-w-44 max-w-96 animate-fadeIn overflow-y-auto rounded bg-dropdownBg shadow-md focus:outline-none" + class="absolute z-50 max-h-120 min-w-44 max-w-96 animate-fadeIn overflow-y-auto rounded bg-dropdownBg shadow-md ring-1 ring-grayborder focus:outline-none" [ngClass]="alignTo === 'left' ? 'right-0' : 'left-0'" role="menu" aria-modal="true" diff --git a/alfa-client/libs/design-system/src/lib/icons/open-link-icon/open-link-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/open-link-icon/open-link-icon.component.ts index 3e0eac83af3beceece4b2920665bb8266f169f46..e4774466ae21148dff848fd7c66e9803f159f3fb 100644 --- a/alfa-client/libs/design-system/src/lib/icons/open-link-icon/open-link-icon.component.ts +++ b/alfa-client/libs/design-system/src/lib/icons/open-link-icon/open-link-icon.component.ts @@ -34,6 +34,7 @@ import { iconVariants, IconVariants } from '../iconVariants'; xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" [ngClass]="twMerge(iconVariants({ size }), 'fill-primary', class)" + aria-hidden="true" > <path d="M5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h7v2H5v14h14v-7h2v7c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm4.7-5.3-1.4-1.4L17.6 5H14V3h7v7h-2V6.4l-9.3 9.3Z" diff --git a/alfa-client/libs/design-system/src/lib/tooltip/tooltip.component.ts b/alfa-client/libs/design-system/src/lib/tooltip/tooltip.component.ts index 1f813a9e5ea79cb5e30111a132dca50be8ebcc2f..f82fe2102cb07bea080f2b61738c783515d58672 100644 --- a/alfa-client/libs/design-system/src/lib/tooltip/tooltip.component.ts +++ b/alfa-client/libs/design-system/src/lib/tooltip/tooltip.component.ts @@ -29,7 +29,7 @@ import { TooltipPosition } from './tooltip.directive'; selector: 'ods-tooltip', imports: [NgClass], template: `<span - class="tooltip fixed z-[100] max-w-md animate-fadeIn cursor-default whitespace-pre rounded bg-ozggray-900 px-3 py-2 text-sm text-whitetext before:absolute before:border-l-[0.5rem] before:border-r-[0.5rem] before:border-l-transparent before:border-r-transparent dark:bg-white md:max-w-[calc(90vw)]" + class="tooltip fixed z-[100] max-w-md animate-fadeIn cursor-default break-words rounded bg-ozggray-900 px-3 py-2 text-sm text-whitetext before:absolute before:border-l-[0.5rem] before:border-r-[0.5rem] before:border-l-transparent before:border-r-transparent dark:bg-white md:max-w-[calc(90vw)]" [ngClass]="class" [class.visible]="show" [class.invisible]="!show" diff --git a/alfa-client/libs/ui/src/lib/ui/open-url-button/open-url-button.component.html b/alfa-client/libs/ui/src/lib/ui/open-url-button/open-url-button.component.html index 39ef61cb6485f2d1a8704f729e75f4c13b57fa8d..a23a433b033a3c339ed7d2049cc4a7222a998600 100644 --- a/alfa-client/libs/ui/src/lib/ui/open-url-button/open-url-button.component.html +++ b/alfa-client/libs/ui/src/lib/ui/open-url-button/open-url-button.component.html @@ -29,11 +29,11 @@ [href]="url" [target]="targetName" [attr.aria-label]="text" - [tooltip]="tooltip" [color]="'primary'" [title]="tooltip" class="button" > - <mat-icon>open_in_new</mat-icon> <span class="text-sm">{{ text }}</span> + <mat-icon>open_in_new</mat-icon> + <span class="sr-only">{{ tooltip }}</span> </a> diff --git a/alfa-client/libs/user-assistance/src/lib/help-menu/documentation/documentation.component.html b/alfa-client/libs/user-assistance/src/lib/help-menu/documentation/documentation.component.html index f3fc4cab0df5ed822fccbd154a447e7177c24988..9ec99cebdafed843b5ded6af4b56c34fb2b04638 100644 --- a/alfa-client/libs/user-assistance/src/lib/help-menu/documentation/documentation.component.html +++ b/alfa-client/libs/user-assistance/src/lib/help-menu/documentation/documentation.component.html @@ -24,12 +24,10 @@ --> <ods-dropdown-menu-text-item - class="border-b border-b-grayborder border-t-grayborder bg-whitetext first:border-t" + class="border-b border-b-grayborder border-t-grayborder bg-whitetext" title="Benutzerleitfaden" description="Alle Funktionen der Allgemeinen Fachanwendung (Alfa) erklärt." > <ods-file-icon icon fileType="pdf" size="large"></ods-file-icon> <alfa-open-documentation-button additionalContent [url]="url" data-test-id="documentations-component" /> </ods-dropdown-menu-text-item> - -