Skip to content

Commit

Permalink
Fixes for compressed forms.
Browse files Browse the repository at this point in the history
daveyholler committed Aug 6, 2020
1 parent d846431 commit 417b03c
Showing 3 changed files with 20 additions and 2 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
$euiFormControlCompressedBorderRadius: $euiBorderRadiusSmall;
Original file line number Diff line number Diff line change
@@ -4,6 +4,7 @@
@import 'buttons';
@import 'borders';
@import 'flyout';
@import 'form';
@import 'header';
@import 'typography';
@import 'shadows';
20 changes: 18 additions & 2 deletions src/themes/eui-amsterdam/overrides/_form_control_layout.scss
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
$leftSideRadius: $euiBorderRadius 0 0 $euiBorderRadius;
$rightSideRadius: 0 $euiBorderRadius $euiBorderRadius 0;
$leftSideRadiusSmall: $euiBorderRadiusSmall 0 0 $euiBorderRadiusSmall;
$rightSideRadiusSmall: 0 $euiBorderRadiusSmall $euiBorderRadiusSmall 0;
$leftSideRadiusSmall: $euiFormControlCompressedBorderRadius 0 0 $euiFormControlCompressedBorderRadius;
$rightSideRadiusSmall: 0 $euiFormControlCompressedBorderRadius $euiFormControlCompressedBorderRadius 0;


.euiFormControlLayout--group {
@@ -47,6 +47,22 @@ $rightSideRadiusSmall: 0 $euiBorderRadiusSmall $euiBorderRadiusSmall 0;
&.euiFormControlLayout--compressed {
border-radius: $euiBorderRadiusSmall;

.euiFormControlLayout__prepend:first-child {
border-radius: $leftSideRadiusSmall;

[class*='euiButton'] {
border-radius: $leftSideRadiusSmall;
}
}

.euiFormControlLayout__append:last-child {
border-radius: $rightSideRadiusSmall;

[class*='euiButton'] {
border-radius: $rightSideRadiusSmall;
}
}

.euiFormControlLayout__childrenWrapper:nth-child(2) [class*='euiField'],
.euiFormControlLayout__childrenWrapper:nth-child(3) [class*='euiField'] {
border-radius: 0;

0 comments on commit 417b03c

Please sign in to comment.