mirror of
https://github.com/bitwarden/browser
synced 2025-12-18 17:23:37 +00:00
20 lines
977 B
TypeScript
20 lines
977 B
TypeScript
import { Component } from "@angular/core";
|
|
|
|
import { A11yCellDirective } from "../a11y/a11y-cell.directive";
|
|
|
|
@Component({
|
|
selector: "bit-item-action",
|
|
imports: [],
|
|
template: `<ng-content></ng-content>`,
|
|
providers: [{ provide: A11yCellDirective, useExisting: ItemActionComponent }],
|
|
host: {
|
|
class:
|
|
/**
|
|
* `top` and `bottom` units should be kept in sync with `item-content.component.ts`'s y-axis padding.
|
|
* we want this `:after` element to be the same height as the `item-content`
|
|
*/
|
|
"[&>button]:tw-relative [&>button:not([bit-item-content])]:after:tw-content-[''] [&>button]:after:tw-absolute [&>button]:after:tw-block bit-compact:[&>button]:after:tw-top-[-0.7rem] bit-compact:[&>button]:after:tw-bottom-[-0.7rem] [&>button]:after:tw-top-[-0.8rem] [&>button]:after:tw-bottom-[-0.80rem] [&>button]:after:tw-right-[-0.25rem] [&>button]:after:tw-left-[-0.25rem]",
|
|
},
|
|
})
|
|
export class ItemActionComponent extends A11yCellDirective {}
|