Extends basically all of @021 WebSockets addons to also bring in support for live chatting (WebSockets for comms, Real Time Alerts for the popups and Real Time Threads for the display new messages code) - so you will need ALL OF THEM installed to use this.
Once installed, add the following to your extra.less
CSS:
.js-typers {
&.is-active {
opacity: 1;
max-height: 1000px;
transition: all .5s ease-in-out;
}
> .block-container {
margin-bottom: @xf-elementSpacer;
}
.user-card {
text-align: center;
}
.dots {
display: block;
}
.js-typesText:after {
content: "\00a0";
}
opacity: 0;
max-height: 0;
margin-bottom: 0;
transition: all .3s ease-in-out;
}
Nothing else to configure, just install and it will work, although there are 2 options you can use to tweak.
NOTE: I don't have access to any of his addons after version 2.0.0 - so I don't know if it will still work if you are using newer versions.
Once installed, add the following to your extra.less
CSS:
.js-typers {
&.is-active {
opacity: 1;
max-height: 1000px;
transition: all .5s ease-in-out;
}
> .block-container {
margin-bottom: @xf-elementSpacer;
}
.user-card {
text-align: center;
}
.dots {
display: block;
}
.js-typesText:after {
content: "\00a0";
}
opacity: 0;
max-height: 0;
margin-bottom: 0;
transition: all .3s ease-in-out;
}
Nothing else to configure, just install and it will work, although there are 2 options you can use to tweak.
NOTE: I don't have access to any of his addons after version 2.0.0 - so I don't know if it will still work if you are using newer versions.