Skip to content

Commit 041c635

Browse files
a-stewartbendera
authored andcommitted
Allow for vscode-button-group to shrink like a button
1 parent 3be45cc commit 041c635

2 files changed

Lines changed: 4 additions & 3 deletions

File tree

src/vscode-button-group/vscode-button-group.styles.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ const styles: CSSResultGroup = [
1010
align-items: stretch;
1111
padding: 0;
1212
border: none;
13+
overflow: hidden;
1314
}
1415
1516
::slotted(vscode-button:not(:first-child)) {

src/vscode-button/vscode-button.styles.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -105,16 +105,16 @@ const styles: CSSResultGroup = [
105105
display: flex;
106106
justify-content: center;
107107
position: relative;
108-
width: 100%;
108+
width: calc(100% - 2px);
109109
height: 100%;
110-
padding: 1px 13px;
110+
padding: 1px 12px;
111111
}
112112
113113
:host(:empty) .wrapper,
114114
:host([icon-only]) .wrapper {
115115
min-height: 24px;
116116
min-width: 16px;
117-
padding: 1px 5px;
117+
padding: 1px 4px;
118118
}
119119
120120
slot {

0 commit comments

Comments
 (0)