opendash
Version:
open.DASH data visualization framework
10 lines • 2.75 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
import styled from "styled-components";
export var HeaderDropdown = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n padding: 1px;\n background: #005493;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);\n top: -6px;\n /* left: ", ";\n right: ", "; */\n position: relative;\n min-width: 302px;\n /* margin-left: -10px; */\n\n ::before {\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-bottom: 5px solid #005493;\n content: \"\";\n position: absolute;\n top: -5px;\n left: ", ";\n right: ", ";\n }\n"], ["\n display: block;\n padding: 1px;\n background: #005493;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);\n top: -6px;\n /* left: ", ";\n right: ", "; */\n position: relative;\n min-width: 302px;\n /* margin-left: -10px; */\n\n ::before {\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-bottom: 5px solid #005493;\n content: \"\";\n position: absolute;\n top: -5px;\n left: ", ";\n right: ", ";\n }\n"])), function (p) { return (p.right ? "auto" : "-10px"); }, function (p) { return (p.right ? "-10px" : "auto"); }, function (p) { return (p.right ? "auto" : "18px"); }, function (p) { return (p.right ? "18px" : "auto"); });
export var HeaderDropdownText = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: 10px;\n color: #fff;\n"], ["\n padding: 10px;\n color: #fff;\n"])));
export var HeaderDropdownButton = styled.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: #fff;\n background: #0063ac;\n display: block;\n line-height: 40px;\n min-width: 300px;\n padding: 0 10px;\n border: 0;\n border-bottom: 1px solid #005493;\n text-align: left;\n\n :first {\n border-top: 1px solid #005493;\n }\n\n :hover {\n color: #fff;\n background: #005493;\n }\n\n .anticon {\n margin-right: 10px;\n }\n"], ["\n color: #fff;\n background: #0063ac;\n display: block;\n line-height: 40px;\n min-width: 300px;\n padding: 0 10px;\n border: 0;\n border-bottom: 1px solid #005493;\n text-align: left;\n\n :first {\n border-top: 1px solid #005493;\n }\n\n :hover {\n color: #fff;\n background: #005493;\n }\n\n .anticon {\n margin-right: 10px;\n }\n"])));
var templateObject_1, templateObject_2, templateObject_3;
//# sourceMappingURL=header-dropdown.js.map