61 lines
1.4 KiB
SCSS
61 lines
1.4 KiB
SCSS
|
.lnsToolbarButton {
|
||
|
|
line-height: $euiButtonHeight; // Keeps alignment of text and chart icon
|
||
|
|
background-color: $euiColorEmptyShade;
|
||
|
|
|
||
|
|
// Some toolbar buttons are just icons, but EuiButton comes with margin and min-width that need to be removed
|
||
|
|
min-width: 0;
|
||
|
|
|
||
|
|
&[class*='--text'] {
|
||
|
|
// Lighten the border color for all states
|
||
|
|
border-color: $euiBorderColor !important; // sass-lint:disable-line no-important
|
||
|
|
}
|
||
|
|
|
||
|
|
&[class*='isDisabled'] {
|
||
|
|
// There is a popover `pointer-events: none` that messes with the not-allowed cursor
|
||
|
|
pointer-events: initial;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lnsToolbarButton__text > svg {
|
||
|
|
margin-top: -1px; // Just some weird alignment issue when icon is the child not the `iconType`
|
||
|
|
}
|
||
|
|
|
||
|
|
.lnsToolbarButton__text:empty {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Toolbar buttons don't look good with centered text when fullWidth
|
||
|
|
&[class*='fullWidth'] {
|
||
|
|
text-align: left;
|
||
|
|
|
||
|
|
.lnsToolbarButton__content {
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.lnsToolbarButton--groupLeft {
|
||
|
|
border-top-right-radius: 0;
|
||
|
|
border-bottom-right-radius: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lnsToolbarButton--groupCenter {
|
||
|
|
border-radius: 0;
|
||
|
|
border-left: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lnsToolbarButton--groupRight {
|
||
|
|
border-top-left-radius: 0;
|
||
|
|
border-bottom-left-radius: 0;
|
||
|
|
border-left: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lnsToolbarButton--bold {
|
||
|
|
font-weight: $euiFontWeightBold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lnsToolbarButton--s {
|
||
|
|
box-shadow: none !important; // sass-lint:disable-line no-important
|
||
|
|
font-size: $euiFontSizeS;
|
||
|
|
}
|