});
var quickOptions = elBySel('.messageQuickOptions', message);
- if (quickOptions) {
- if (navigation.childElementCount) {
- quickOptions.addEventListener(WCF_CLICK_EVENT, function (event) {
- if (_enabled) {
- event.preventDefault();
- event.stopPropagation();
-
- navigation.classList.toggle('open');
- }
- });
- }
- else {
- elHide(quickOptions);
- }
+ if (quickOptions && navigation.childElementCount) {
+ quickOptions.classList.add('active');
+ quickOptions.addEventListener(WCF_CLICK_EVENT, function (event) {
+ if (_enabled) {
+ event.preventDefault();
+ event.stopPropagation();
+
+ navigation.classList.toggle('open');
+ }
+ });
}
}
@include screen-sm-down {
flex: 0 0 24px !important;
height: 1.5em;
+ opacity: 0;
position: relative;
+ transition: opacity .12s linear, visibility 0s linear .12s;
+ visibility: hidden;
&::before {
content: $fa-var-ellipsis-v;
width: 24px;
}
+ &.active {
+ opacity: 1;
+ transition-delay: 0s;
+ visibility: visible;
+ }
+
> li {
display: none;
}