krl-alfred 1.71.1 → 1.71.3
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.
|
@@ -13,37 +13,37 @@ var devices_1 = require("../../constants/devices");
|
|
|
13
13
|
exports.TooltipStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n position: relative;\n vertical-align: middle;\n color: var(--dark);\n ", "\n"], ["\n display: block;\n position: relative;\n vertical-align: middle;\n color: var(--dark);\n ", "\n"])), function (props) { return !props.hasClickAction && "\n &:hover {\n > div {\n opacity: 1;\n }\n }\n "; });
|
|
14
14
|
exports.Selector = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: block;\n cursor: ", ";\n\n svg {\n display: block;\n\n path {\n stroke: var(--primary);\n }\n }\n"], ["\n display: block;\n cursor: ", ";\n\n svg {\n display: block;\n\n path {\n stroke: var(--primary);\n }\n }\n"])), function (props) { return props.hasClickAction ? 'pointer' : 'initial'; });
|
|
15
15
|
exports.Title = styled_components_1.default.strong(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: block;\n margin-bottom: 0.5rem;\n"], ["\n display: block;\n margin-bottom: 0.5rem;\n"])));
|
|
16
|
-
exports.Popup = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\n position: absolute;\n width: ", ";\n padding:
|
|
16
|
+
exports.Popup = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\n position: absolute;\n width: ", ";\n padding: 0.5rem;\n border-radius: 0.5rem;\n background-color: var(--primary-opacity-10);\n z-index: 99999;\n box-sizing: border-box;\n ", ";\n user-select: none;\n pointer-events: none;\n transition: all 0.15s ease;\n opacity: ", ";\n\n @media only screen and ", " {\n left: auto;\n transform: none;\n right: -1.2rem;\n padding: 0.5rem;\n &:before {\n left: auto !important;\n transform: rotate(45deg) !important;\n right: ", " !important;\n }\n }\n\n &:before {\n content: '';\n position: absolute;\n\n ", ";\n background-color: var(--primary-opacity-10);\n width: 12px;\n height: 12px;\n border-radius: 3px;\n }\n"], ["\n\n position: absolute;\n width: ", ";\n padding: 0.5rem;\n border-radius: 0.5rem;\n background-color: var(--primary-opacity-10);\n z-index: 99999;\n box-sizing: border-box;\n ", ";\n user-select: none;\n pointer-events: none;\n transition: all 0.15s ease;\n opacity: ", ";\n\n @media only screen and ", " {\n left: auto;\n transform: none;\n right: -1.2rem;\n padding: 0.5rem;\n &:before {\n left: auto !important;\n transform: rotate(45deg) !important;\n right: ", " !important;\n }\n }\n\n &:before {\n content: '';\n position: absolute;\n\n ", ";\n background-color: var(--primary-opacity-10);\n width: 12px;\n height: 12px;\n border-radius: 3px;\n }\n"])), function (props) { return props.popupWidth ? props.popupWidth : "151px"; }, function (props) {
|
|
17
17
|
switch (props.position) {
|
|
18
18
|
case 'bottomRight':
|
|
19
|
-
return "\n right: -
|
|
19
|
+
return "\n right: -20px;\n top: calc(100% + 10px);\n ";
|
|
20
20
|
case 'bottomCenter':
|
|
21
21
|
return "\n left: 50%;\n top: calc(100% + 10px);\n transform: translateX(-50%);\n ";
|
|
22
22
|
case 'bottomLeft':
|
|
23
|
-
return "\n left: -
|
|
23
|
+
return "\n left: -20px;\n top: calc(100% + 10px);\n ";
|
|
24
24
|
case 'topRight':
|
|
25
|
-
return "\n right: -
|
|
25
|
+
return "\n right: -20px;\n bottom: calc(100% + 10px);\n ";
|
|
26
26
|
case 'topCenter':
|
|
27
27
|
return "\n left: 50%;\n bottom: calc(100% + 10px);\n transform: translateX(-50%);\n ";
|
|
28
28
|
case 'topLeft':
|
|
29
|
-
return "\n left: -
|
|
29
|
+
return "\n left: -20px;\n bottom: calc(100% + 10px);\n ";
|
|
30
30
|
default:
|
|
31
31
|
return "\n left: 50%;\n bottom: calc(100% + 10px);\n transform: translateX(-50%);\n ";
|
|
32
32
|
}
|
|
33
|
-
}, function (props) { return (props.hasClickAction && props.isOpen) ? '1' : "0"; }, devices_1.devices.xl, function (props) { return props.iconWidth === "16px" ? "
|
|
33
|
+
}, function (props) { return (props.hasClickAction && props.isOpen) ? '1' : "0"; }, devices_1.devices.xl, function (props) { return props.iconWidth === "16px" ? "22px" : "25px"; }, function (props) {
|
|
34
34
|
switch (props.position) {
|
|
35
35
|
case 'bottomRight':
|
|
36
|
-
return "\n bottom: calc(100% - 7px);\n right: ".concat(props.iconWidth === "16px" ? "
|
|
36
|
+
return "\n bottom: calc(100% - 7px);\n right: ".concat(props.iconWidth === "16px" ? "22px" : "27px", ";\n transform: rotate(45deg);\n ");
|
|
37
37
|
case 'bottomCenter':
|
|
38
38
|
return "\n bottom: calc(100% - 7px);\n left: 50%;\n transform: translateX(-50%) rotate(45deg);\n ";
|
|
39
39
|
case 'bottomLeft':
|
|
40
|
-
return "\n bottom: calc(100% - 7px);\n left: ".concat(props.iconWidth === "16px" ? "
|
|
40
|
+
return "\n bottom: calc(100% - 7px);\n left: ".concat(props.iconWidth === "16px" ? "22px" : "27px", ";\n transform: rotate(45deg);\n ");
|
|
41
41
|
case 'topRight':
|
|
42
|
-
return "\n top: calc(100% - 7px);\n right: ".concat(props.iconWidth === "16px" ? "
|
|
42
|
+
return "\n top: calc(100% - 7px);\n right: ".concat(props.iconWidth === "16px" ? "22px" : "27px", ";\n transform: rotate(45deg);\n ");
|
|
43
43
|
case 'topCenter':
|
|
44
44
|
return "\n top: calc(100% - 7px);\n left: 50%;\n transform: translateX(-50%) rotate(45deg);\n ";
|
|
45
45
|
case 'topLeft':
|
|
46
|
-
return "\n top: calc(100% - 7px);\n left: ".concat(props.iconWidth === "16px" ? "
|
|
46
|
+
return "\n top: calc(100% - 7px);\n left: ".concat(props.iconWidth === "16px" ? "22px" : "27px", ";\n transform: rotate(45deg);\n ");
|
|
47
47
|
default:
|
|
48
48
|
return "\n top: calc(100% - 7px);\n left: 50%;\n transform: translateX(-50%) rotate(45deg);\n ";
|
|
49
49
|
}
|