22

✏️ Editing: cht-widget.css

.chaty-widget{position:fixed;width:62px;z-index:9999}.chaty-widget .chaty-widget-icons{display:flex;flex-wrap:wrap;transition:all 0.2s;overflow:hidden;height:0;opacity:0;position:absolute;left:0;right:auto;bottom:60px}.chaty-widget .chaty-widget-icons .chaty-widget-icon{opacity:0;transition:all 0.2s;max-height:0;overflow:hidden}.chaty-widget .icon-trigger{position:relative;margin-top:6px}.chaty-widget .icon-trigger .icon-trigger-open,.chaty-widget .icon-trigger .icon-trigger-close{transition:all 0.2s}.chaty-widget .icon-trigger .icon-trigger-close{position:absolute;bottom:-4px;left:0;right:0;z-index:2}.chaty-widget .icon-trigger .icon-trigger-open{opacity:1;pointer-events:auto}.chaty-widget .icon-trigger .icon-trigger-close{opacity:0;pointer-events:none}.chaty-widget:not(.chaty-widget-show) .chaty-widget-icons{height:0 !important}.chaty-widget.chaty-widget-show .icon-trigger .icon-trigger-open{opacity:0;pointer-events:none}.chaty-widget.chaty-widget-show .icon-trigger .icon-trigger-close{opacity:1;pointer-events:auto}.chaty-widget.chaty-widget-show .chaty-widget-icons{overflow:visible;opacity:1}.chaty-widget.chaty-widget-show .chaty-widget-icons .chaty-widget-icon{opacity:1;max-height:54px;overflow:visible}.chaty-widget .chaty-widget-icon{flex:0 0 54px;border-radius:50%;vertical-align:top;font-size:0;position:relative;box-shadow:0px 3px 6px rgba(0,0,0,0.25);margin:4px}.chaty-widget .chaty-widget-icon svg{cursor:pointer;width:54px;height:54px}.chaty-widget .chaty-widget-icon:not(.no-tooltip) .chaty-widget-icon-title,.chaty-widget .chaty-widget-icon:not(.no-tooltip):before{content:none;position:absolute;opacity:0;pointer-events:none;z-index:10}.chaty-widget .chaty-widget-icon:not(.no-tooltip):before{content:'';left:-8px;top:50%;transform:translateY(-50%);height:0;width:0;z-index:11;border-width:5px 0 5px 10px;border-style:solid;border-color:transparent transparent transparent #fff}.chaty-widget .chaty-widget-icon:not(.no-tooltip) .chaty-widget-icon-title{font-size:17px;left:0;top:50%;transform:translate(calc(-100% - 6px), -50%);white-space:nowrap;padding:5px 15px;line-height:21px;color:#333;background-color:#fff;box-shadow:0 1.93465px 7.73859px rgba(0,0,0,0.15);border-radius:10px}.chaty-widget .chaty-widget-icon:not(.no-tooltip):hover .chaty-widget-icon-title,.chaty-widget .chaty-widget-icon:not(.no-tooltip):hover:before{opacity:1;pointer-events:auto}.chaty-widget .chaty-widget-icon .color-element{transition:all .2s}.chaty-widget:not(.chaty-widget-icons-right) .chaty-widget-icons{position:absolute;right:0;left:auto;bottom:60px;justify-content:flex-end}.chaty-widget.chaty-widget-icons-right .chaty-widget-icon:before{right:-8px;left:auto;border-width:5px 10px 5px 0;border-color:transparent #fff transparent transparent}.chaty-widget.chaty-widget-icons-right .chaty-widget-icon .chaty-widget-icon-title{right:0;left:auto;transform:translate(calc(100% + 6px), -50%)}

MR SKB