1
0
mirror of https://github.com/bitwarden/browser synced 2025-12-18 01:03:35 +00:00

[EC-593] Top align event logs row content (#3813)

* [EC-593] Top align event log row contents

* [EC-593] Prevent event log timestamp from wrapping

* [EC-593] Add alignContent input to bitRow directive

* [EC-593] Remove ineffective inline styles (CSP)

* [EC-593] Remove templated tailwind classes

Tailwind minimizes the bundled stylesheet by removing classes that aren't used in code. Using a string template for the classes causes those classes to be ignored.

* [EC-593] Introduce alignContent input to table story
This commit is contained in:
Shane Melton
2022-10-28 10:38:27 -07:00
committed by GitHub
parent 069baeefcd
commit 536590d8cf
3 changed files with 36 additions and 11 deletions

View File

@@ -69,15 +69,15 @@
<bit-table *ngIf="events && events.length">
<ng-container header>
<tr>
<th bitCell style="width: 210px">{{ "timestamp" | i18n }}</th>
<th bitCell style="width: 100px">{{ "client" | i18n }}</th>
<th bitCell style="width: 150px">{{ "member" | i18n }}</th>
<th bitCell>{{ "timestamp" | i18n }}</th>
<th bitCell>{{ "client" | i18n }}</th>
<th bitCell>{{ "member" | i18n }}</th>
<th bitCell>{{ "event" | i18n }}</th>
</tr>
</ng-container>
<ng-container body>
<tr bitRow *ngFor="let e of events">
<td bitCell>{{ e.date | date: "medium" }}</td>
<tr bitRow *ngFor="let e of events" alignContent="top">
<td bitCell class="tw-whitespace-nowrap">{{ e.date | date: "medium" }}</td>
<td bitCell>
<span title="{{ e.appName }}, {{ e.ip }}">{{ e.appName }}</span>
</td>