diff --git a/assets/front-end/css/view/tooltip.min.css b/assets/front-end/css/view/tooltip.min.css index 7dbb4485e..90382d835 100644 --- a/assets/front-end/css/view/tooltip.min.css +++ b/assets/front-end/css/view/tooltip.min.css @@ -1 +1 @@ -.eael-tooltip{position:relative;display:inline-block;padding:12px 24px;font-size:.93rem;color:#333;line-height:1;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.eael-tooltip .eael-tooltip-text{display:block;width:100%;visibility:hidden;background-color:#000;color:#fff;border-radius:4px;padding:10px;position:absolute;z-index:1;font-size:.93rem;line-height:1.3}.eael-tooltip .eael-tooltip-text p{margin:0}.eael-tooltip .eael-tooltip-text a{-webkit-transition:none;transition:none}.eael-tooltip .eael-tooltip-text::after{content:"";position:absolute;border-width:5px;border-style:solid}.eael-tooltip:hover .eael-tooltip-text,.eael-tooltip-content:focus+.eael-tooltip-text{visibility:visible}.eael-tooltip .eael-tooltip-text.eael-tooltip-left{top:50%;right:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-right:10px}.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-left,.eael-tooltip-content:focus+.eael-tooltip-text.eael-tooltip-left{-webkit-animation:tooltipLeftIn 300ms ease-in-out;animation:tooltipLeftIn 300ms ease-in-out}.eael-tooltip .eael-tooltip-text.eael-tooltip-left::after{top:calc(50% - 5px);left:100%;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #000}.eael-tooltip .eael-tooltip-text.eael-tooltip-right{top:50%;left:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin-left:10px}.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-right,.eael-tooltip-content:focus+.eael-tooltip-text.eael-tooltip-right{-webkit-animation:tooltipRightIn 300ms linear;animation:tooltipRightIn 300ms linear}.eael-tooltip .eael-tooltip-text.eael-tooltip-right::after{top:calc(50% - 5px);right:100%;border-color:rgba(0,0,0,0) #000 rgba(0,0,0,0) rgba(0,0,0,0)}.eael-tooltip .eael-tooltip-text.eael-tooltip-top{bottom:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin:0 auto 10px auto}.eael-tooltip .eael-tooltip-text.eael-tooltip-top::after{margin-top:0;top:100%;left:calc(50% - 5px);border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-top,.eael-tooltip-content:focus+.eael-tooltip-text.eael-tooltip-top{-webkit-animation:tooltipTopIn 300ms linear;animation:tooltipTopIn 300ms linear}.eael-tooltip .eael-tooltip-text.eael-tooltip-bottom{top:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin:1px auto 0 auto}.eael-tooltip .eael-tooltip-text.eael-tooltip-bottom::after{margin-top:0;bottom:100%;left:calc(50% - 5px);border-color:rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0)}.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-bottom,.eael-tooltip-content:focus+.eael-tooltip-text.eael-tooltip-bottom{-webkit-animation:tooltipBottomIn 300ms linear;animation:tooltipBottomIn 300ms linear}.eael-tooltip-align-left{text-align:left}.eael-tooltip-align-right{text-align:right}.eael-tooltip-align-center{text-align:center}.eael-tooltip-align-justify .eael-tooltip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(min-width: 481px)and (max-width: 960px){.eael-tooltip-align-tablet-left{text-align:left}.eael-tooltip-align-tablet-right{text-align:right}.eael-tooltip-align-tablet-center{text-align:center}.eael-tooltip-align-tablet-justify .eael-tooltip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media(max-width: 480px){.eael-tooltip-align-mobile-left{text-align:left}.eael-tooltip-align-mobile-right{text-align:right}.eael-tooltip-align-mobile-center{text-align:center}.eael-tooltip-align-mobile-justify .eael-tooltip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@-webkit-keyframes tooltipRightIn{0%{opacity:0;left:105%}100%{opacity:1;left:100%}}@keyframes tooltipRightIn{0%{opacity:0;left:105%}100%{opacity:1;left:100%}}@-webkit-keyframes tooltipLeftIn{0%{opacity:0;right:105%}100%{opacity:1;right:100%}}@keyframes tooltipLeftIn{0%{opacity:0;right:105%}100%{opacity:1;right:100%}}@-webkit-keyframes tooltipTopIn{0%{opacity:0;bottom:110%}100%{opacity:1;bottom:100%}}@keyframes tooltipTopIn{0%{opacity:0;bottom:110%}100%{opacity:1;bottom:100%}}@-webkit-keyframes tooltipBottomIn{0%{opacity:0;top:110%}100%{opacity:1;top:100%}}@keyframes tooltipBottomIn{0%{opacity:0;top:110%}100%{opacity:1;top:100%}}span.eael-tooltip-content,span.eael-tooltip-content a{width:100%;display:block;text-align:center}.eael-tooltip-text-align-left .eael-tooltip-text,.eael-tooltip-text-align-left .eael-tooltip-content a{text-align:left}.eael-tooltip-text-align-right .eael-tooltip-text,.eael-tooltip-text-align-right .eael-tooltip-content a{text-align:right}.eael-tooltip-text-align-center .eael-tooltip-text,.eael-tooltip-text-align-center .eael-tooltip-content a{text-align:center}.eael-tooltip-text-align-justify .eael-tooltip-text,.eael-tooltip-text-align-justify .eael-tooltip-content a{text-align:justify} +.eael-tooltip{position:relative;display:inline-block;padding:12px 24px;font-size:.93rem;color:#333;line-height:1;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.eael-tooltip .eael-tooltip-text{display:block;width:100%;visibility:hidden;background-color:#000;color:#fff;border-radius:4px;padding:10px;position:absolute;z-index:1;font-size:.93rem;line-height:1.3}.eael-tooltip .eael-tooltip-text p{margin:0}.eael-tooltip .eael-tooltip-text a{-webkit-transition:none;transition:none}.eael-tooltip .eael-tooltip-text::after{content:"";position:absolute;border-width:5px;border-style:solid}.eael-tooltip:hover .eael-tooltip-text,.eael-tooltip-content:focus+.eael-tooltip-text{visibility:visible}.eael-tooltip .eael-tooltip-text.eael-tooltip-left{top:50%;right:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-right:10px}.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-left,.eael-tooltip-content:focus+.eael-tooltip-text.eael-tooltip-left{-webkit-animation:tooltipLeftIn 300ms ease-in-out;animation:tooltipLeftIn 300ms ease-in-out}.eael-tooltip .eael-tooltip-text.eael-tooltip-left::after{top:calc(50% - 5px);left:100%;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #000}.eael-tooltip .eael-tooltip-text.eael-tooltip-right{top:50%;left:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin-left:10px}.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-right,.eael-tooltip-content:focus+.eael-tooltip-text.eael-tooltip-right{-webkit-animation:tooltipRightIn 300ms linear;animation:tooltipRightIn 300ms linear}.eael-tooltip .eael-tooltip-text.eael-tooltip-right::after{top:calc(50% - 5px);right:100%;border-color:rgba(0,0,0,0) #000 rgba(0,0,0,0) rgba(0,0,0,0)}.eael-tooltip .eael-tooltip-text.eael-tooltip-top{bottom:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin:0 auto 10px auto}.eael-tooltip .eael-tooltip-text.eael-tooltip-top::after{margin-top:0;top:100%;left:calc(50% - 5px);border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-top,.eael-tooltip-content:focus+.eael-tooltip-text.eael-tooltip-top{-webkit-animation:tooltipTopIn 300ms linear;animation:tooltipTopIn 300ms linear}.eael-tooltip .eael-tooltip-text.eael-tooltip-bottom{top:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin:10px auto 0 auto}.eael-tooltip .eael-tooltip-text.eael-tooltip-bottom::after{margin-top:0;bottom:100%;left:calc(50% - 5px);border-color:rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0)}.eael-tooltip:hover .eael-tooltip-text.eael-tooltip-bottom,.eael-tooltip-content:focus+.eael-tooltip-text.eael-tooltip-bottom{-webkit-animation:tooltipBottomIn 300ms linear;animation:tooltipBottomIn 300ms linear}.eael-tooltip-align-left{text-align:left}.eael-tooltip-align-right{text-align:right}.eael-tooltip-align-center{text-align:center}.eael-tooltip-align-justify .eael-tooltip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(min-width: 481px)and (max-width: 960px){.eael-tooltip-align-tablet-left{text-align:left}.eael-tooltip-align-tablet-right{text-align:right}.eael-tooltip-align-tablet-center{text-align:center}.eael-tooltip-align-tablet-justify .eael-tooltip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media(max-width: 480px){.eael-tooltip-align-mobile-left{text-align:left}.eael-tooltip-align-mobile-right{text-align:right}.eael-tooltip-align-mobile-center{text-align:center}.eael-tooltip-align-mobile-justify .eael-tooltip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@-webkit-keyframes tooltipRightIn{0%{opacity:0;left:105%}100%{opacity:1;left:100%}}@keyframes tooltipRightIn{0%{opacity:0;left:105%}100%{opacity:1;left:100%}}@-webkit-keyframes tooltipLeftIn{0%{opacity:0;right:105%}100%{opacity:1;right:100%}}@keyframes tooltipLeftIn{0%{opacity:0;right:105%}100%{opacity:1;right:100%}}@-webkit-keyframes tooltipTopIn{0%{opacity:0;bottom:110%}100%{opacity:1;bottom:100%}}@keyframes tooltipTopIn{0%{opacity:0;bottom:110%}100%{opacity:1;bottom:100%}}@-webkit-keyframes tooltipBottomIn{0%{opacity:0;top:110%}100%{opacity:1;top:100%}}@keyframes tooltipBottomIn{0%{opacity:0;top:110%}100%{opacity:1;top:100%}}span.eael-tooltip-content,span.eael-tooltip-content a{width:100%;display:block;text-align:center}.eael-tooltip-text-align-left .eael-tooltip-text,.eael-tooltip-text-align-left .eael-tooltip-content a{text-align:left}.eael-tooltip-text-align-right .eael-tooltip-text,.eael-tooltip-text-align-right .eael-tooltip-content a{text-align:right}.eael-tooltip-text-align-center .eael-tooltip-text,.eael-tooltip-text-align-center .eael-tooltip-content a{text-align:center}.eael-tooltip-text-align-justify .eael-tooltip-text,.eael-tooltip-text-align-justify .eael-tooltip-content a{text-align:justify} diff --git a/src/css/view/tooltip.scss b/src/css/view/tooltip.scss index caadb41dc..2c0604a41 100755 --- a/src/css/view/tooltip.scss +++ b/src/css/view/tooltip.scss @@ -106,7 +106,7 @@ top: 100%; left: 50%; transform: translateX(-50%); - margin: 1px auto 0 auto; + margin: 10px auto 0 auto; } .eael-tooltip .eael-tooltip-text.eael-tooltip-bottom::after {