CSS show/hidden module animated

saljoke

Hello,
I will try to change the transition animation fading when one module is showing then also when suspended.
I try to animate with custom.css but it only function when using .region.left for example and only when the magicmirror is starting.
I tried also with .resume() and I try to catch how to disable fade transition.
Have you got any ideas?
Thanks from Bea!

sdetweil

this is hard coded in main.js

var hideModule = function(module, speed, callback, options) {
		options = options || {};

		// set lockString if set in options.
		if (options.lockString) {
			// Log.log("Has lockstring: " + options.lockString);
			if (module.lockStrings.indexOf(options.lockString) === -1) {
				module.lockStrings.push(options.lockString);
			}
		}

		var moduleWrapper = document.getElementById(module.identifier);
		if (moduleWrapper !== null) {
			moduleWrapper.style.transition = "opacity " + speed / 1000 + "s";
			moduleWrapper.style.opacity = 0;

			clearTimeout(module.showHideTimer);
			module.showHideTimer = setTimeout(function() {

saljoke

And how to change this function property in other transition ?

sdetweil

@saljoke sorry, I don’t understand your question…

saljoke

How to add in custom.css to define this function and have another transition animation…

sdetweil

@saljoke I don’t know how to override what the code does

saljoke

@sdetweil so I have to try to change it in js… And try to define this function in every modules

sdetweil

@saljoke sorry, i do not know… i do not understand what you wish to accomplish

saljoke

I solved it using the file CSS on MMM-SimpleLogo folder and solve partially the animation but I can’t control the fade property and can’t animated the suspended modules

saljoke

alt text

A little preview…