IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

ColorPicker: Fixes issue with ColorPicker disappearing too quickly (#20289)

Browse Source
This commit is contained in:
Dominik Prokop 2019-11-11 12:18:03 +01:00 committed by Torkel Ödegaard
parent 9fa18a2df5
commit 422a94707d
1 changed files with 12 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
packages/grafana-ui/src/components/ColorPicker/_ColorPicker.scss
View File

@ -2,6 +2,9 @@ $arrowSize: 15px;
.ColorPicker {
@extend .popper;
font-size: 12px;
// !important because these styles are also provided to popper via .popper classes from Tooltip component
// hope to get rid of those soon
padding: $arrowSize !important;
}
.ColorPicker__arrow {
@ -75,32 +78,19 @@ $arrowSize: 15px;
border-color: #1e2028;
}
// Top
.ColorPicker[data-placement^='top'] {
padding-bottom: $arrowSize;
}
// Bottom
// !important because these styles are also provided to popper via .popper classes from Tooltip component
// hope to get rid of those soon
.ColorPicker[data-placement^='top'],
.ColorPicker[data-placement^='bottom'] {
padding-top: $arrowSize;
padding-left: 0 !important;
padding-right: 0 !important;
}
.ColorPicker[data-placement^='bottom-start'] {
padding-top: $arrowSize;
}
.ColorPicker[data-placement^='bottom-end'] {
padding-top: $arrowSize;
}
// Right
// !important because these styles are also provided to popper via .popper classes from Tooltip component
// hope to get rid of those soon
.ColorPicker[data-placement^='left'],
.ColorPicker[data-placement^='right'] {
padding-left: $arrowSize;
}
// Left
.ColorPicker[data-placement^='left'] {
padding-right: $arrowSize;
padding-top: 0 !important;
}
.ColorPickerPopover {