c4eb47a46b
* wip, redsign the xy axis general settings * pie chart settings. fix tests, initial implementation * Fix Internationalization * Cleanup * remove unused translations * Add test to check that right axis is enabled * fix test * remove unecessary translation * Added icons and cleaned up some of the visuals for grouped buttons * Fix types * Axis Settings Popover Reusable Component * Legend Popover Reusable Component * Cleanup unused translations * Fix right axis behavior * Revert yLeftTitle to yTitle to avoid migration * PR fixes * identify which axis is enabled * Change the logic on enabling the y axes popovers * Adjust axis popover on horizontal bars * fix failing test and change the logic of fetching the y axis titles * Simpify the axis title logic, make the toolbar repsponsive, add TopAxisIcon * Ui Changes on legends popover * Cleanup and more unit tests * use groupId instead of index to take under consideration all possible scenarios * fix gridlines * Remove ts-ignore from icons and move toolbar button to shared components * Workspace toolbar wraps on smaller devices * Tooltip on Toolbar appears only if the button is disabled * clean up * Add missing translations * fix eslint Co-authored-by: cchaos <caroline.horn@elastic.co> Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
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;
|
|
}
|