Skip to content
Snippets Groups Projects
Commit e3742c69 authored by OZGCloud's avatar OZGCloud
Browse files

OZG-5590 fix close button, attachment border workaround

parent 21e4c642
No related branches found
No related tags found
No related merge requests found
......@@ -6,14 +6,15 @@
[attr.aria-label]="'Anhang: Dateiname: ' + file.name"
[isLoading]="isLoading"
>
<div close class="flex-shrink">
<button
close
*ngIf="deletable"
class="absolute right-2 top-1/2 flex size-10 -translate-y-1/2 items-center justify-center rounded-md hover:border hover:border-ozggray-600 hover:bg-ozggray-100"
class="flex size-10 items-center justify-center rounded-md hover:border hover:border-ozggray-600 hover:bg-ozggray-100"
(click)="deleteFile()"
title="Anhang löschen"
aria-label="Anhang löschen Button"
>
<ods-close-icon></ods-close-icon>
</button>
</div>
</ods-attachment>
......@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
selector: 'ods-attachment-container',
standalone: true,
imports: [CommonModule],
template: `<div class="mb-6 block rounded-md border border-black/25 shadow">
template: `<div class="mb-6 block overflow-hidden rounded-md border border-black/25 shadow">
<ng-content></ng-content>
</div>`,
})
......
......@@ -10,7 +10,7 @@ import { SpinnerIconComponent } from '../icons/spinner-icon/spinner-icon.compone
imports: [CommonModule, SpinnerIconComponent, FileIconComponent],
styles: [':host {@apply flex border-b border-black/25 last:border-b-0}'],
template: `<button
class="relative flex w-full gap-3 rounded-md border bg-background-100 px-3 py-2 last:border-none hover:bg-ozggray-200"
class="relative flex w-full gap-3 border-b bg-background-100 px-3 py-2 hover:bg-ozggray-200"
>
<div class="flex-shrink">
<ods-file-icon *ngIf="!isLoading" [fileType]="fileType" size="large" />
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment