@syncfusion/ej2
Version:
A modern JavaScript UI toolkit that has been built from the ground up to be lightweight, responsive, modular and touch friendly. It is written in TypeScript and has no external dependencies.
2 lines (1 loc) • 2.87 kB
CSS
/*! tooltip layout */.e-tooltip-wrap{max-width:350px;min-width:30px;padding:0;position:absolute;visibility:visible;/*! tooltip arrow *//*! tooltip sticky mode close icon *//*! tooltip content area */}.e-tooltip-wrap .e-arrow-tip{overflow:hidden;position:absolute}.e-tooltip-wrap .e-arrow-tip.e-tip-bottom{height:8px;left:50%;top:100%;width:16px}.e-tooltip-wrap .e-arrow-tip.e-tip-top{height:8px;left:50%;top:-9px;width:16px}.e-tooltip-wrap .e-arrow-tip.e-tip-left{height:16px;left:-9px;top:48%;width:8px}.e-tooltip-wrap .e-arrow-tip.e-tip-right{height:16px;left:100%;top:50%;width:8px}.e-tooltip-wrap .e-tooltip-close{cursor:pointer;float:right;position:absolute;right:-9px;top:-9px;z-index:inherit}.e-tooltip-wrap .e-tip-content{background-color:inherit;height:100%;line-height:16px;overflow-wrap:break-word;overflow-x:hidden;padding:12px 12px;position:relative;white-space:normal;width:100%;word-break:break-word;z-index:1}/*! Bigger Style */.e-bigger .e-tooltip-wrap .e-tip-content,.e-tooltip-wrap.e-bigger .e-tip-content{line-height:20px;padding:15px 15px}/*! Tooltip theme */.e-tooltip-wrap{border-radius:0;filter:none;opacity:1;/*! tooltip arrow *//*! tooltip sticky mode close icon *//*! tooltip content area */}.e-tooltip-wrap.e-popup{background-color:#000;border:1px solid #757575}.e-tooltip-wrap .e-arrow-tip-outer{height:0;left:0;position:absolute;top:0;width:0}.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #757575}.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top{border-bottom:7px solid #757575;border-left:7px solid transparent;border-right:7px solid transparent}.e-tooltip-wrap .e-arrow-tip-outer.e-tip-left{border-bottom:7px solid transparent;border-right:7px solid #757575;border-top:7px solid transparent}.e-tooltip-wrap .e-arrow-tip-outer.e-tip-right{border-bottom:7px solid transparent;border-left:7px solid #757575;border-top:7px solid transparent}.e-tooltip-wrap .e-arrow-tip-inner{height:0;position:absolute;width:0;z-index:10}.e-tooltip-wrap .e-arrow-tip-inner.e-tip-right,.e-tooltip-wrap .e-arrow-tip-inner.e-tip-left,.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom,.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top{color:#000;font-family:'e-icons';font-size:15px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;text-transform:none}.e-tooltip-wrap .e-tooltip-close{background-color:#000;border-color:#fff;border-radius:8px;color:#fff;border-style:solid;border-width:1px;height:16px;width:16px}.e-tooltip-wrap .e-tooltip-close:hover{background-color:#000;color:#fff}.e-tooltip-wrap .e-tip-content{color:#fff;font-family:"Segoe UI","GeezaPro","DejaVu Serif",sans-serif,"-apple-system","BlinkMacSystemFont";font-size:11px}/*! bigger style */.e-bigger .e-tooltip-wrap .e-tip-content,.e-tooltip-wrap.e-bigger .e-tip-content{font-size:12px}