@ringcentral/juno 2.36.4 → 2.36.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -30,6 +30,13 @@ var arrowSize = {
|
|
|
30
30
|
var marginOffset = '-0.4em';
|
|
31
31
|
var horizontalMarginTopAndMarginBottom = foundation_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n margin-top: 3px;\n margin-bottom: 3px;\n"], ["\n margin-top: 3px;\n margin-bottom: 3px;\n"])));
|
|
32
32
|
exports.tooltipStyle = function () {
|
|
33
|
-
return foundation_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n
|
|
33
|
+
return foundation_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n ", "\n max-width: calc(100% - 10px);\n\n .", " {\n ", ";\n background-color: ", ";\n color: ", ";\n padding: ", ";\n word-break: break-word;\n position: relative;\n }\n\n .", ",\n .", " {\n margin: ", " 0;\n }\n\n .", ",\n .", " {\n margin: 0 ", ";\n }\n\n .", " {\n color: ", ";\n }\n\n .", " {\n .", " {\n margin-bottom: ", ";\n ", "\n }\n }\n\n .", " {\n .", " {\n margin-top: ", ";\n ", "\n }\n }\n\n .", " {\n .", " {\n margin-right: ", ";\n ", "\n ", "\n }\n }\n\n .", " {\n .", " {\n margin-left: ", ";\n ", "\n ", "\n }\n }\n "], ["\n "
|
|
34
|
+
// The preventOverflowModifier of popperjs has 5px padding.
|
|
35
|
+
// So need set max-width to calc(100% - 10px) to prevent overflow when the tooltip is too long.
|
|
36
|
+
,
|
|
37
|
+
"\n max-width: calc(100% - 10px);\n\n .", " {\n ", ";\n background-color: ", ";\n color: ", ";\n padding: ", ";\n word-break: break-word;\n position: relative;\n }\n\n .", ",\n .", " {\n margin: ", " 0;\n }\n\n .", ",\n .", " {\n margin: 0 ", ";\n }\n\n .", " {\n color: ", ";\n }\n\n .", " {\n .", " {\n margin-bottom: ", ";\n ", "\n }\n }\n\n .", " {\n .", " {\n margin-top: ", ";\n ", "\n }\n }\n\n .", " {\n .", " {\n margin-right: ", ";\n ", "\n ", "\n }\n }\n\n .", " {\n .", " {\n margin-left: ", ";\n ", "\n ", "\n }\n }\n "])),
|
|
38
|
+
// The preventOverflowModifier of popperjs has 5px padding.
|
|
39
|
+
// So need set max-width to calc(100% - 10px) to prevent overflow when the tooltip is too long.
|
|
40
|
+
'', utils_1.RcTooltipClasses.tooltip, tooltipTypography, tooltipColor, tooltipTextColor, tooltipPadding, utils_1.RcTooltipClasses.tooltipPlacementTop, utils_1.RcTooltipClasses.tooltipPlacementBottom, placementSpace, utils_1.RcTooltipClasses.tooltipPlacementRight, utils_1.RcTooltipClasses.tooltipPlacementLeft, placementSpace, utils_1.RcTooltipClasses.arrow, tooltipColor, utils_1.RcTooltipClasses.tooltipPlacementTop, utils_1.RcTooltipClasses.arrow, marginOffset, arrowSize.vertical, utils_1.RcTooltipClasses.tooltipPlacementBottom, utils_1.RcTooltipClasses.arrow, marginOffset, arrowSize.vertical, utils_1.RcTooltipClasses.tooltipPlacementLeft, utils_1.RcTooltipClasses.arrow, marginOffset, arrowSize.horizontal, horizontalMarginTopAndMarginBottom, utils_1.RcTooltipClasses.tooltipPlacementRight, utils_1.RcTooltipClasses.arrow, marginOffset, arrowSize.horizontal, horizontalMarginTopAndMarginBottom);
|
|
34
41
|
};
|
|
35
42
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -28,6 +28,13 @@ var arrowSize = {
|
|
|
28
28
|
var marginOffset = '-0.4em';
|
|
29
29
|
var horizontalMarginTopAndMarginBottom = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-top: 3px;\n margin-bottom: 3px;\n"], ["\n margin-top: 3px;\n margin-bottom: 3px;\n"])));
|
|
30
30
|
export var tooltipStyle = function () {
|
|
31
|
-
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n
|
|
31
|
+
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n max-width: calc(100% - 10px);\n\n .", " {\n ", ";\n background-color: ", ";\n color: ", ";\n padding: ", ";\n word-break: break-word;\n position: relative;\n }\n\n .", ",\n .", " {\n margin: ", " 0;\n }\n\n .", ",\n .", " {\n margin: 0 ", ";\n }\n\n .", " {\n color: ", ";\n }\n\n .", " {\n .", " {\n margin-bottom: ", ";\n ", "\n }\n }\n\n .", " {\n .", " {\n margin-top: ", ";\n ", "\n }\n }\n\n .", " {\n .", " {\n margin-right: ", ";\n ", "\n ", "\n }\n }\n\n .", " {\n .", " {\n margin-left: ", ";\n ", "\n ", "\n }\n }\n "], ["\n "
|
|
32
|
+
// The preventOverflowModifier of popperjs has 5px padding.
|
|
33
|
+
// So need set max-width to calc(100% - 10px) to prevent overflow when the tooltip is too long.
|
|
34
|
+
,
|
|
35
|
+
"\n max-width: calc(100% - 10px);\n\n .", " {\n ", ";\n background-color: ", ";\n color: ", ";\n padding: ", ";\n word-break: break-word;\n position: relative;\n }\n\n .", ",\n .", " {\n margin: ", " 0;\n }\n\n .", ",\n .", " {\n margin: 0 ", ";\n }\n\n .", " {\n color: ", ";\n }\n\n .", " {\n .", " {\n margin-bottom: ", ";\n ", "\n }\n }\n\n .", " {\n .", " {\n margin-top: ", ";\n ", "\n }\n }\n\n .", " {\n .", " {\n margin-right: ", ";\n ", "\n ", "\n }\n }\n\n .", " {\n .", " {\n margin-left: ", ";\n ", "\n ", "\n }\n }\n "])),
|
|
36
|
+
// The preventOverflowModifier of popperjs has 5px padding.
|
|
37
|
+
// So need set max-width to calc(100% - 10px) to prevent overflow when the tooltip is too long.
|
|
38
|
+
'', RcTooltipClasses.tooltip, tooltipTypography, tooltipColor, tooltipTextColor, tooltipPadding, RcTooltipClasses.tooltipPlacementTop, RcTooltipClasses.tooltipPlacementBottom, placementSpace, RcTooltipClasses.tooltipPlacementRight, RcTooltipClasses.tooltipPlacementLeft, placementSpace, RcTooltipClasses.arrow, tooltipColor, RcTooltipClasses.tooltipPlacementTop, RcTooltipClasses.arrow, marginOffset, arrowSize.vertical, RcTooltipClasses.tooltipPlacementBottom, RcTooltipClasses.arrow, marginOffset, arrowSize.vertical, RcTooltipClasses.tooltipPlacementLeft, RcTooltipClasses.arrow, marginOffset, arrowSize.horizontal, horizontalMarginTopAndMarginBottom, RcTooltipClasses.tooltipPlacementRight, RcTooltipClasses.arrow, marginOffset, arrowSize.horizontal, horizontalMarginTopAndMarginBottom);
|
|
32
39
|
};
|
|
33
40
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|