IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2026-08-18 00:54:58 -05: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
Download Patch File Download Diff File Expand all files Collapse all files
packages/grafana-ui/src/components/ColorPicker/_ColorPicker.scss
+12 -22
View File
@@ -2,6 +2,9 @@ $arrowSize: 15px;
.ColorPicker { .ColorPicker {
@extend .popper; @extend .popper;
font-size: 12px; 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 { .ColorPicker__arrow {
@@ -75,32 +78,19 @@ $arrowSize: 15px;
border-color: #1e2028; border-color: #1e2028;
} }
// Top // !important because these styles are also provided to popper via .popper classes from Tooltip component
.ColorPicker[data-placement^='top'] { // hope to get rid of those soon
padding-bottom: $arrowSize; .ColorPicker[data-placement^='top'],
}
// Bottom
.ColorPicker[data-placement^='bottom'] { .ColorPicker[data-placement^='bottom'] {
padding-top: $arrowSize; padding-left: 0 !important;
padding-right: 0 !important;
} }
.ColorPicker[data-placement^='bottom-start'] { // !important because these styles are also provided to popper via .popper classes from Tooltip component
padding-top: $arrowSize; // hope to get rid of those soon
} .ColorPicker[data-placement^='left'],
.ColorPicker[data-placement^='bottom-end'] {
padding-top: $arrowSize;
}
// Right
.ColorPicker[data-placement^='right'] { .ColorPicker[data-placement^='right'] {
padding-left: $arrowSize; padding-top: 0 !important;
}
// Left
.ColorPicker[data-placement^='left'] {
padding-right: $arrowSize;
} }
.ColorPickerPopover { .ColorPickerPopover {