Reply To: Turn off animations

October 18, 2022 at 7:54 am #12321
stevland
Keymaster

Hi @Vincx,

I knew it was inevitable that someone wouldn’t like the animations. I’m surprised it took this long for someone to say so! And you phrased it very diplomatically hehe.

I think this should include all of the animations, but let me know if you find any stragglers.

/*
STAFF ANIMATIONS
*/

/* default logo, custom text, custom logo */
a#header-logo:hover > #left-logo #header-title,
a#header-logo:focus > #left-logo #header-title,
a#header-logo:active > #left-logo #header-title,
a#header-logo:hover > #left-logo #header-image img,
a#header-logo:focus > #left-logo #header-image img,
a#header-logo:active > #left-logo #header-image img,
a#header-logo:hover > #left-logo #header-default svg,
a#header-logo:focus > #left-logo #header-default svg,
a#header-logo:active > #left-logo #header-default svg,

/* new ticket navigation link*/
a#new-ticket:hover, a#new-ticket:focus, a#new-ticket:active,

/* theme options navigation link */
a#subnav7.theme,

/* buttons and inner down caret */
button.action-button:hover > i.icon-map-marker:before, button.action-button:focus > i.icon-map-marker:before, button.action-button:active > i.icon-map-marker:before,
.action-button:hover > i.icon-caret-down:before, .action-button:focus > i.icon-caret-down:before, .action-button:active > i.icon-caret-down:before,
input[style="color: rgb(255, 0, 0);"],

/* new reply */
.new-reply,

/* pop ups */
#popup,
.modal.fade .modal-dialog,

/* alerts and banners */
#alert,
#msg_info, #msg_notice, #msg_warning, #msg_error, .success-banner, .notice-banner,

/* warning and compliance messages */
#warning_bar,
.compliance-animate
{
animation: none;
}

/*
CLIENT ANIMATIONS
*/

/* alerts and banners */
#msg_info, #msg_notice, #msg_warning, #msg_error, .success-banner, .notice-banner,

/* buttons */
#sign-in-button:hover,
.searchArea button:hover,
#clientLogin input[type=submit]:hover,

/* popups */
div#popup,

/* language flags */
.chevron .button-icon-container
{
animation: none;
}