Skip to content

Commit

Permalink
Add margin to prevent "Clear all btn" from moving fix #2062
Browse files Browse the repository at this point in the history
 I add margin to `.bx--btn` class to prevent "Clear all btn" from
 moving.
 The "filter" has  `.bx--tag` class and the "Clear All button" has
 `.bx--btn` class.
 `.bx--tag` class has margin but `.bx--btn` class has not margin. So,
 there was a gap between when there was a "filter" on the left and when
 there was no "filter".
 fix #2062
  • Loading branch information
yamaken1343 committed Oct 7, 2021
1 parent 3e96d84 commit 2889050
Showing 1 changed file with 1 addition and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ limitations under the License.
min-height: calc(#{$spacing-08} + #{$button-border-width} + 2px);
margin-bottom: calc(#{$spacing-05} - #{$button-border-width});

.bx--tag {
.bx--tag, .bx--btn {
flex-shrink: 0;
margin: $spacing-05 $spacing-03 0 0;
}
Expand Down

0 comments on commit 2889050

Please sign in to comment.