krl-alfred 1.72.6 → 1.72.7
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.
|
@@ -36,6 +36,7 @@ var InfoBox = function (props) {
|
|
|
36
36
|
inputRef.current.value = text;
|
|
37
37
|
inputRef.current.select();
|
|
38
38
|
document.execCommand('copy');
|
|
39
|
+
inputRef.current.blur();
|
|
39
40
|
setAlert(true);
|
|
40
41
|
};
|
|
41
42
|
(0, react_1.useEffect)(function () {
|
|
@@ -43,8 +44,8 @@ var InfoBox = function (props) {
|
|
|
43
44
|
(_a = descriptionRef === null || descriptionRef === void 0 ? void 0 : descriptionRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('span').forEach(function (el) {
|
|
44
45
|
if (el) {
|
|
45
46
|
el.addEventListener("click", function (e) {
|
|
46
|
-
setAlertLeft(
|
|
47
|
-
setAlertTop(
|
|
47
|
+
setAlertLeft(el.offsetLeft + el.offsetWidth);
|
|
48
|
+
setAlertTop(el.offsetTop);
|
|
48
49
|
copyToClipboard(el.innerHTML.replace(/[^\d]/g, ""));
|
|
49
50
|
}, false);
|
|
50
51
|
}
|
|
@@ -13,7 +13,7 @@ exports.InfoBoxStyled = styled_components_1.default.div(templateObject_1 || (tem
|
|
|
13
13
|
exports.IconWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: block;\n margin-right: 1rem;\n svg{\n display: block;\n path[stroke]{\n stroke-width: 1.5;\n }\n }\n"], ["\n display: block;\n margin-right: 1rem;\n svg{\n display: block;\n path[stroke]{\n stroke-width: 1.5;\n }\n }\n"])));
|
|
14
14
|
exports.TextWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
15
15
|
exports.Title = styled_components_1.default.strong(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: block;\n margin: 0;\n"], ["\n display: block;\n margin: 0;\n"])));
|
|
16
|
-
exports.Description = styled_components_1.default.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: block;\n margin: 0;\n b{\n font-weight: 700;\n }\n span{\n font-weight: 700;\n color: var(--primary);\n cursor: pointer;\n display: inline-block;\n
|
|
17
|
-
exports.AlertStyled = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n left: ", "px;\n top: ", "px;\n height: 28px;\n border-radius: 8px;\n background-color: white;\n box-shadow: 0 6px 30px 0 #EAE9F0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 1rem;\n user-select: none;\n pointer-events: none;\n transform: translateX(-
|
|
16
|
+
exports.Description = styled_components_1.default.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: block;\n margin: 0;\n b{\n font-weight: 700;\n }\n span{\n font-weight: 700;\n color: var(--primary);\n cursor: pointer;\n display: inline-block;\n &:nth-last-child(2){\n margin-right: 0.5rem;\n }\n }\n"], ["\n display: block;\n margin: 0;\n b{\n font-weight: 700;\n }\n span{\n font-weight: 700;\n color: var(--primary);\n cursor: pointer;\n display: inline-block;\n &:nth-last-child(2){\n margin-right: 0.5rem;\n }\n }\n"])));
|
|
17
|
+
exports.AlertStyled = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n left: ", "px;\n top: ", "px;\n height: 28px;\n border-radius: 8px;\n background-color: white;\n box-shadow: 0 6px 30px 0 #EAE9F0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 1rem;\n user-select: none;\n pointer-events: none;\n transform: translateX(-100%) translateY(-100%);\n"], ["\n position: absolute;\n left: ", "px;\n top: ", "px;\n height: 28px;\n border-radius: 8px;\n background-color: white;\n box-shadow: 0 6px 30px 0 #EAE9F0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 1rem;\n user-select: none;\n pointer-events: none;\n transform: translateX(-100%) translateY(-100%);\n"])), function (props) { return props.alertLeft; }, function (props) { return props.alertTop - 5; });
|
|
18
18
|
exports.Input = styled_components_1.default.input(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n position: absolute;\n opacity: 0;\n user-select: none;\n pointer-events: none;\n"], ["\n position: absolute;\n opacity: 0;\n user-select: none;\n pointer-events: none;\n"])));
|
|
19
19
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|