Skip to content

Commit

Permalink
Fix popover defaults for CSS
Browse files Browse the repository at this point in the history
  • Loading branch information
Scott Elwood authored and Scott Elwood committed Oct 27, 2017
1 parent f72998c commit cc1747e
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion dist/popover.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2321,7 +2321,7 @@ exports = module.exports = __webpack_require__(12)(undefined);


// module
exports.push([module.i, "/**\n * Local Variables\n *\n * $arrow_hypotenuse_to_side_ratio:\n * The $arrow_hypotenuse_to_side_ratio is important and should not be changed.\n * In order to get an arrow, we are currently hacking it to be a square rotated\n * at a 45 degree angle, and cut off via parent container overflow. Because we\n * can only control the height/width of a box, setting the size of the arrow\n * becomes difficult when it is rotated (Because the diagnol hypotenuse within\n * a box is longer than its sides). To fix this, we can instead take the size\n * which would be the hypotenuse and convert that to be the correct side\n * length for the box. Since we are dealing with equal length sides, the .707\n * will be consistent enough for that conversion.\n */\n.popoverjs {\n height: 1px;\n pointer-events: all;\n position: absolute;\n visibility: hidden;\n width: 1px; }\n .popoverjs.popoverjs--is-visible {\n visibility: visible; }\n .popoverjs:not(.popoverjs--is-visible) * {\n pointer-events: none; }\n .popoverjs-arrow:after {\n background-color: #ffffff; }\n .popoverjs-content {\n background-color: white;\n box-sizing: border-box;\n position: absolute; }\n .popoverjs--detached-container {\n position: absolute;\n pointer-events: none; }\n .popoverjs--wrapper {\n display: inline-block;\n position: relative; }\n .popoverjs:not(.popoverjs--is-enabled) .popoverjs-content {\n transform: translateY(-100%); }\n\n.popoverjs--default > .popoverjs-arrow {\n overflow: hidden;\n position: absolute;\n z-index: 5; }\n\n.popoverjs--default > .popoverjs-arrow:after {\n content: \"\";\n position: absolute;\n width: 11.312px;\n height: 11.312px;\n transform: translateX(-50%) translateY(-50%) rotate(45deg);\n top: 50%;\n left: 50%; }\n\n.popoverjs--default.popoverjs--popover-primary-bottom > .popoverjs-arrow,\n.popoverjs--default.popoverjs--popover-primary-top > .popoverjs-arrow {\n left: -8px;\n height: 8px;\n width: 16px; }\n\n.popoverjs--default.popoverjs--popover-primary-bottom > .popoverjs-arrow {\n bottom: auto;\n top: -8px; }\n .popoverjs--default.popoverjs--popover-primary-bottom > .popoverjs-arrow:after {\n margin-top: -4px; }\n\n.popoverjs--default.popoverjs--popover-primary-top > .popoverjs-arrow {\n bottom: -8px;\n top: auto; }\n .popoverjs--default.popoverjs--popover-primary-top > .popoverjs-arrow:after {\n margin-top: 4px; }\n\n.popoverjs--default.popoverjs--popover-primary-left > .popoverjs-arrow,\n.popoverjs--default.popoverjs--popover-primary-right > .popoverjs-arrow {\n bottom: -8px;\n height: 16px;\n width: 8px; }\n\n.popoverjs--default.popoverjs--popover-primary-right > .popoverjs-arrow {\n left: -8px;\n right: auto; }\n .popoverjs--default.popoverjs--popover-primary-right > .popoverjs-arrow:after {\n margin-left: -4px; }\n\n.popoverjs--default.popoverjs--popover-primary-left > .popoverjs-arrow {\n left: auto;\n right: -8px; }\n .popoverjs--default.popoverjs--popover-primary-left > .popoverjs-arrow:after {\n margin-left: 4px; }\n\n.popoverjs--default.popoverjs--attachment-primary-bottom {\n bottom: 2px; }\n\n.popoverjs--default.popoverjs--attachment-primary-top {\n top: 2px; }\n\n.popoverjs--default.popoverjs--attachment-primary-right {\n right: 2px; }\n\n.popoverjs--default.popoverjs--attachment-primary-left {\n left: 2px; }\n\n.popoverjs--default.popoverjs--attachment-secondary-bottom {\n bottom: -30px; }\n\n.popoverjs--default.popoverjs--attachment-secondary-top {\n top: -30px; }\n\n.popoverjs--default.popoverjs--attachment-secondary-right {\n right: -30px; }\n\n.popoverjs--default.popoverjs--attachment-secondary-left {\n left: -30px; }\n\n.popoverjs--default.popoverjs--attachment-primary-top.popoverjs--attachment-secondary-middle, .popoverjs--default.popoverjs--attachment-primary-bottom.popoverjs--attachment-secondary-middle, .popoverjs--default.popoverjs--attachment-primary-top.popoverjs--attachment-secondary-center, .popoverjs--default.popoverjs--attachment-primary-bottom.popoverjs--attachment-secondary-center {\n left: 50%; }\n\n.popoverjs--default.popoverjs--attachment-primary-left.popoverjs--attachment-secondary-middle, .popoverjs--default.popoverjs--attachment-primary-right.popoverjs--attachment-secondary-middle, .popoverjs--default.popoverjs--attachment-primary-left.popoverjs--attachment-secondary-center, .popoverjs--default.popoverjs--attachment-primary-right.popoverjs--attachment-secondary-center {\n top: 50%; }\n\n.popoverjs--default.popoverjs--popover-primary-bottom > .popoverjs-content {\n bottom: 9px; }\n\n.popoverjs--default.popoverjs--popover-primary-top > .popoverjs-content {\n top: 9px; }\n\n.popoverjs--default.popoverjs--popover-primary-right > .popoverjs-content {\n right: 9px; }\n\n.popoverjs--default.popoverjs--popover-primary-left > .popoverjs-content {\n left: 9px; }\n\n.popoverjs--default.popoverjs--popover-secondary-bottom > .popoverjs-content {\n margin-top: 18px;\n transform: translateY(-100%); }\n\n.popoverjs--default.popoverjs--popover-secondary-top > .popoverjs-content {\n margin-top: -18px;\n transform: translateY(0%); }\n\n.popoverjs--default.popoverjs--popover-secondary-right > .popoverjs-content {\n right: -18px; }\n\n.popoverjs--default.popoverjs--popover-secondary-left > .popoverjs-content {\n left: -18px; }\n\n.popoverjs--default.popoverjs--popover-primary-bottom.popoverjs--popover-secondary-middle > .popoverjs-content,\n.popoverjs--default.popoverjs--popover-primary-top.popoverjs--popover-secondary-middle > .popoverjs-content,\n.popoverjs--default.popoverjs--popover-primary-bottom.popoverjs--popover-secondary-center > .popoverjs-content,\n.popoverjs--default.popoverjs--popover-primary-top.popoverjs--popover-secondary-center > .popoverjs-content {\n left: 0;\n transform: translateX(-50%); }\n\n.popoverjs--default.popoverjs--popover-primary-left.popoverjs--popover-secondary-middle > .popoverjs-content,\n.popoverjs--default.popoverjs--popover-primary-right.popoverjs--popover-secondary-middle > .popoverjs-content,\n.popoverjs--default.popoverjs--popover-primary-left.popoverjs--popover-secondary-center > .popoverjs-content,\n.popoverjs--default.popoverjs--popover-primary-right.popoverjs--popover-secondary-center > .popoverjs-content {\n top: 0;\n transform: translateY(-50%); }\n", ""]);
exports.push([module.i, "/**\n * Local Variables\n *\n * $arrow_hypotenuse_to_side_ratio:\n * The $arrow_hypotenuse_to_side_ratio is important and should not be changed.\n * In order to get an arrow, we are currently hacking it to be a square rotated\n * at a 45 degree angle, and cut off via parent container overflow. Because we\n * can only control the height/width of a box, setting the size of the arrow\n * becomes difficult when it is rotated (Because the diagnol hypotenuse within\n * a box is longer than its sides). To fix this, we can instead take the size\n * which would be the hypotenuse and convert that to be the correct side\n * length for the box. Since we are dealing with equal length sides, the .707\n * will be consistent enough for that conversion.\n */\n.popoverjs {\n height: 1px;\n pointer-events: all;\n position: absolute;\n visibility: hidden;\n width: 1px; }\n .popoverjs.popoverjs--is-visible {\n visibility: visible; }\n .popoverjs:not(.popoverjs--is-visible) * {\n pointer-events: none; }\n .popoverjs-arrow:after {\n background-color: #ffffff; }\n .popoverjs-content {\n background-color: white;\n box-sizing: border-box;\n position: absolute; }\n .popoverjs--detached-container {\n position: absolute;\n pointer-events: none; }\n .popoverjs--wrapper {\n display: inline-block;\n position: relative; }\n .popoverjs:not(.popoverjs--is-enabled) .popoverjs-content {\n transform: translateY(-100%); }\n\n.popoverjs--default > .popoverjs-arrow {\n overflow: hidden;\n position: absolute;\n z-index: 5; }\n\n.popoverjs--default > .popoverjs-arrow:after {\n content: \"\";\n position: absolute;\n width: 11.312px;\n height: 11.312px;\n transform: translateX(-50%) translateY(-50%) rotate(45deg);\n top: 50%;\n left: 50%; }\n\n.popoverjs--default.popoverjs--popover-primary-bottom > .popoverjs-arrow,\n.popoverjs--default.popoverjs--popover-primary-top > .popoverjs-arrow {\n left: -8px;\n height: 8px;\n width: 16px; }\n\n.popoverjs--default.popoverjs--popover-primary-bottom > .popoverjs-arrow {\n bottom: auto;\n top: -8px; }\n .popoverjs--default.popoverjs--popover-primary-bottom > .popoverjs-arrow:after {\n margin-top: -4px; }\n\n.popoverjs--default.popoverjs--popover-primary-top > .popoverjs-arrow {\n bottom: -8px;\n top: auto; }\n .popoverjs--default.popoverjs--popover-primary-top > .popoverjs-arrow:after {\n margin-top: 4px; }\n\n.popoverjs--default.popoverjs--popover-primary-left > .popoverjs-arrow,\n.popoverjs--default.popoverjs--popover-primary-right > .popoverjs-arrow {\n bottom: -8px;\n height: 16px;\n width: 8px; }\n\n.popoverjs--default.popoverjs--popover-primary-right > .popoverjs-arrow {\n left: -8px;\n right: auto; }\n .popoverjs--default.popoverjs--popover-primary-right > .popoverjs-arrow:after {\n margin-left: -4px; }\n\n.popoverjs--default.popoverjs--popover-primary-left > .popoverjs-arrow {\n left: auto;\n right: -8px; }\n .popoverjs--default.popoverjs--popover-primary-left > .popoverjs-arrow:after {\n margin-left: 4px; }\n\n.popoverjs--default.popoverjs--attachment-primary-bottom {\n bottom: 2px; }\n\n.popoverjs--default.popoverjs--attachment-primary-top {\n top: 2px; }\n\n.popoverjs--default.popoverjs--attachment-primary-right {\n right: 2px; }\n\n.popoverjs--default.popoverjs--attachment-primary-left {\n left: 2px; }\n\n.popoverjs--default.popoverjs--attachment-secondary-bottom {\n bottom: 16px; }\n\n.popoverjs--default.popoverjs--attachment-secondary-top {\n top: 16px; }\n\n.popoverjs--default.popoverjs--attachment-secondary-right {\n right: 16px; }\n\n.popoverjs--default.popoverjs--attachment-secondary-left {\n left: 16px; }\n\n.popoverjs--default.popoverjs--attachment-primary-top.popoverjs--attachment-secondary-middle, .popoverjs--default.popoverjs--attachment-primary-bottom.popoverjs--attachment-secondary-middle, .popoverjs--default.popoverjs--attachment-primary-top.popoverjs--attachment-secondary-center, .popoverjs--default.popoverjs--attachment-primary-bottom.popoverjs--attachment-secondary-center {\n left: 50%; }\n\n.popoverjs--default.popoverjs--attachment-primary-left.popoverjs--attachment-secondary-middle, .popoverjs--default.popoverjs--attachment-primary-right.popoverjs--attachment-secondary-middle, .popoverjs--default.popoverjs--attachment-primary-left.popoverjs--attachment-secondary-center, .popoverjs--default.popoverjs--attachment-primary-right.popoverjs--attachment-secondary-center {\n top: 50%; }\n\n.popoverjs--default.popoverjs--popover-primary-bottom > .popoverjs-content {\n bottom: 9px; }\n\n.popoverjs--default.popoverjs--popover-primary-top > .popoverjs-content {\n top: 9px; }\n\n.popoverjs--default.popoverjs--popover-primary-right > .popoverjs-content {\n right: 9px; }\n\n.popoverjs--default.popoverjs--popover-primary-left > .popoverjs-content {\n left: 9px; }\n\n.popoverjs--default.popoverjs--popover-secondary-bottom > .popoverjs-content {\n margin-top: 18px;\n transform: translateY(-100%); }\n\n.popoverjs--default.popoverjs--popover-secondary-top > .popoverjs-content {\n margin-top: -18px;\n transform: translateY(0%); }\n\n.popoverjs--default.popoverjs--popover-secondary-right > .popoverjs-content {\n right: -18px; }\n\n.popoverjs--default.popoverjs--popover-secondary-left > .popoverjs-content {\n left: -18px; }\n\n.popoverjs--default.popoverjs--popover-primary-bottom.popoverjs--popover-secondary-middle > .popoverjs-content,\n.popoverjs--default.popoverjs--popover-primary-top.popoverjs--popover-secondary-middle > .popoverjs-content,\n.popoverjs--default.popoverjs--popover-primary-bottom.popoverjs--popover-secondary-center > .popoverjs-content,\n.popoverjs--default.popoverjs--popover-primary-top.popoverjs--popover-secondary-center > .popoverjs-content {\n left: 0;\n transform: translateX(-50%); }\n\n.popoverjs--default.popoverjs--popover-primary-left.popoverjs--popover-secondary-middle > .popoverjs-content,\n.popoverjs--default.popoverjs--popover-primary-right.popoverjs--popover-secondary-middle > .popoverjs-content,\n.popoverjs--default.popoverjs--popover-primary-left.popoverjs--popover-secondary-center > .popoverjs-content,\n.popoverjs--default.popoverjs--popover-primary-right.popoverjs--popover-secondary-center > .popoverjs-content {\n top: 0;\n transform: translateY(-50%); }\n", ""]);

// exports

Expand Down

0 comments on commit cc1747e

Please sign in to comment.