bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-16 00:03:56 +00:00
Code Issues Releases Wiki Activity

[CL-703] Use logical css properties in CL components (#14951)

Browse Source 
* update usage of margin-right with margin-inline-end

* update usage of margin-left with margin-inline-start

* update usage of paddiing-right with padding-inline-end

* update usage of paddiing-left with padding-inline-start

* update usage of radius to use logical properties
This commit is contained in:
Bryan Cunningham
2025-06-02 12:05:30 -04:00
committed by GitHub
parent 37e13050a5
commit c215fac818
33 changed files with 67 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
libs/components/src/navigation/nav-group.component.html
View File

@@ -15,7 +15,7 @@
<ng-template #button>
<button
type="button"
class="tw-ml-auto"
class="tw-ms-auto"
[bitIconButton]="
open ? 'bwi-angle-up' : variant === 'tree' ? 'bwi-angle-right' : 'bwi-angle-down'
"

4
libs/components/src/navigation/nav-item.component.html
View File

@@ -52,7 +52,7 @@
class="tw-truncate"
[ngClass]="[
variant === 'tree' ? 'tw-py-1' : 'tw-py-2',
data.open ? 'tw-pr-4' : 'tw-text-center',
data.open ? 'tw-pe-4' : 'tw-text-center',
]"
>
<i
@@ -103,7 +103,7 @@
<div
*ngIf="data.open"
class="tw-flex -tw-ml-3 tw-pr-4 tw-gap-1 [&>*:focus-visible::before]:!tw-ring-text-alt2 [&>*:hover]:!tw-border-text-alt2 [&>*]:tw-text-alt2 empty:tw-hidden"
class="tw-flex -tw-ms-3 tw-pe-4 tw-gap-1 [&>*:focus-visible::before]:!tw-ring-text-alt2 [&>*:hover]:!tw-border-text-alt2 [&>*]:tw-text-alt2 empty:tw-hidden"
[ngClass]="[variant === 'tree' ? 'tw-py-1' : 'tw-py-2']"
>
<ng-content select="[slot=end]"></ng-content>

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

@@ -83,7 +83,7 @@ export const WithChildButtons: Story = {
<bit-nav-item text="Hello World" [route]="['']" icon="bwi-collection-shared">
<button
slot="end"
class="tw-ml-auto"
class="tw-ms-auto"
[bitIconButton]="'bwi-pencil-square'"
[buttonType]="'light'"
size="small"
@@ -91,7 +91,7 @@ export const WithChildButtons: Story = {
></button>
<button
slot="end"
class="tw-ml-auto"
class="tw-ms-auto"
[bitIconButton]="'bwi-check'"
[buttonType]="'light'"
size="small"