Skip to content

Commit 6b8e584

Browse files
authored
fix(FooterItem): adjust width for action buttons (#435)
1 parent bf9ccdb commit 6b8e584

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

src/components/CompositeBar/Item/Item.scss

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@
33

44
$block: '.#{variables.$ns}composite-bar-item';
55

6+
$actionLeftRightMargin: 10px;
7+
68
#{$block} {
79
@include mixins.accessibility-button;
810

@@ -166,7 +168,7 @@ $block: '.#{variables.$ns}composite-bar-item';
166168
&_type_action {
167169
justify-content: center;
168170
height: var(--gn-composite-bar-item-action-size);
169-
margin: 0 10px 8px;
171+
margin: 0 $actionLeftRightMargin 8px;
170172
background: var(--g-color-base-float);
171173
box-shadow:
172174
0px 0px 0px 1px rgba(0, 0, 0, 0.03),
@@ -193,6 +195,10 @@ $block: '.#{variables.$ns}composite-bar-item';
193195
& #{$class}__icon-place {
194196
width: var(--gn-composite-bar-item-action-size);
195197
}
198+
199+
&.#{variables.$ns}footer-item {
200+
width: calc(100% - 2 * $actionLeftRightMargin);
201+
}
196202
}
197203

198204
&__icon-tooltip_item-type_action {

0 commit comments

Comments
 (0)