Skip to content

Commit 99fd63b

Browse files
authored
fix: issue with missing border for drawer (#4259)
* fix: issue with missing border for drawer * chore: only apply border for non full variant
1 parent 25b25c3 commit 99fd63b

File tree

2 files changed

+22
-2
lines changed

2 files changed

+22
-2
lines changed

packages/components/src/components/drawer/drawer.scss

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -133,6 +133,23 @@ $spacings: (
133133
--db-drawer-max-width,
134134
calc(100% - #{variables.$db-spacing-fixed-xl})
135135
);
136+
137+
&:not([data-direction]),
138+
&[data-direction="right"] {
139+
border-inline-start: component.$component-border;
140+
}
141+
142+
&[data-direction="left"] {
143+
border-inline-end: component.$component-border;
144+
}
145+
146+
&[data-direction="up"] {
147+
border-block-start: component.$component-border;
148+
}
149+
150+
&[data-direction="down"] {
151+
border-block-end: component.$component-border;
152+
}
136153
}
137154

138155
&[data-rounded="true"] {

packages/components/src/styles/internal/_component.scss

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,9 @@ $min-mobile-header-height: calc(
1010
$default-disabled: 0.4;
1111
$placeholder-disabled: 0.75;
1212

13+
$component-border: variables.$db-border-width-3xs solid
14+
colors.$db-adaptive-on-bg-basic-emphasis-60-default;
15+
1316
%default-adaptive-border {
1417
border: variables.$db-border-width-3xs solid
1518
colors.$db-adaptive-on-bg-basic-emphasis-100-default;
@@ -20,8 +23,8 @@ $placeholder-disabled: 0.75;
2023
}
2124

2225
%component-border {
23-
border: variables.$db-border-width-3xs solid
24-
colors.$db-adaptive-on-bg-basic-emphasis-60-default;
26+
// stylelint-disable-next-line db-ux/use-border-width, db-ux/use-border-color
27+
border: $component-border;
2528
}
2629

2730
%form-component-border {

0 commit comments

Comments
 (0)