bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-20 18:23:31 +00:00
Code Issues Releases Wiki Activity

[CL-750][CL-751][CL-752] Fix nav item truncation, clickable area, and shield logo (#15522)

Browse Source
This commit is contained in:
Vicki League
2025-07-10 17:02:42 -04:00
committed by GitHub
parent bf50160a47
commit 2f1ab48c37
6 changed files with 46 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
libs/components/src/navigation/nav-item.stories.ts
View File

@@ -68,6 +68,13 @@ export const WithoutIcon: Story = {
},
};
export const WithLongText: Story = {
...Default,
args: {
text: "Hello World This Is a Cool Item",
},
};
export const WithoutRoute: Story = {
render: () => ({
template: `
@@ -80,7 +87,7 @@ export const WithChildButtons: Story = {
render: (args) => ({
props: args,
template: `
<bit-nav-item text="Hello World" [route]="['']" icon="bwi-collection-shared">
<bit-nav-item text="Hello World Very Cool World" [route]="['']" icon="bwi-collection-shared">
<button
slot="end"
class="tw-ms-auto"
@@ -106,8 +113,8 @@ export const MultipleItemsWithDivider: Story = {
render: (args) => ({
props: args,
template: `
<bit-nav-item text="Hello World" icon="bwi-collection-shared"></bit-nav-item>
<bit-nav-item text="Hello World" icon="bwi-collection-shared"></bit-nav-item>
<bit-nav-item text="Hello World"></bit-nav-item>
<bit-nav-item text="Hello World Long Text Long"></bit-nav-item>
<bit-nav-divider></bit-nav-divider>
<bit-nav-item text="Hello World" icon="bwi-collection-shared"></bit-nav-item>
<bit-nav-item text="Hello World" icon="bwi-collection-shared"></bit-nav-item>