+9
Implemented

Panel Shortcuts shouldn't transition through white flash.

Shane William 6 years ago in Colors Icons Fonts Themes updated by Terry (ActionTiles) (Co-Founder) 6 years ago 9 1 duplicate

When going from one panel to another the screen briefly flashes white as it transitions, is there any way to remove that? I have a series of black panels and it's really blinding at night especially.


Might making this transition optional also possibly improve performance when switching Panels?

Answer

+1
Answer
Implemented

Fixed in Release v6.8.0+027 today. Please contact Support@ActionTiles.com with related questions.

Duplicates 1

Steps to reproduce: Create two panels, panel 1 has a tile that links to panel 2. Panel 2 can have any content. Both panels set to the style "Sballoz (High Visibility)"


I have my panels all set to the style "Sballoz (High Visibility)" which makes them very dark. When clicking on a tile that takes you from one panel to another the screen flashes white. I'm an IT guy, but i don't do web development so i'm just going to talk out of my ass a little bit here...


I see that actiontiles is using angular, i did some snooping in the chrome dev tools and i wonder if it has to do with the ng-enter and ng-leave transitions being set to color "FFF" (white). I'm not sure if this could be a variable based on the theme, or somehow user selected. I realize with a black background doing a black transition won't be visible and will leave the user wondering if their click went through, but panels load very quickly so i don't think that would be an issue. 


This is the section of the CSS i was looking at (smarttiles.min.css?rel=335c8c8c8d): 


[ng-view].ng-enter{animation:fadeIn .5s both ease-in;z-index:8888}[ng-view].ng-leave{animation:fadeOut .5s both ease-in;z-index:9999}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}100%,20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.st-pin-shake{animation:shake 1.5s infinite}md-dialog-content{min-width:320px}.materialpicker-colors{user-select:none;position:relative;border:1px solid #FFF

 

If i'm reading that correctly AND understanding what that code does correctly it will do a total of one second of animation fading from the Sballoz background color to FFF (white) then back to the Sballoz background. 


I also wonder if removing transitions all together would be an option? I've only looked just enough to be considered dangerous but if the page loads faster then 1 second then the transitions will be slowing down the ability to interact with the page? 

Thanks for reading and humoring me on this "Issue" :)

+1

Hi Shane,


I love your analysis! I will see what can be done about it.

+1

Thanks Alex! If you can get it done this week, feel free to take Christmas day off ;-)

Edit: I was talking to a friend who does web development and he said to look at the background for the transition animations. He said it may be as simple as setting a dark image as the background. 

Sure... But using a "dark image" then might not be appropriate for transitions between Panels with a light colored Themes. I guess using the Tile Background color of the destination Panel could work... If not too complicated to implement ☺️. 

You have my full faith and confidence :D

+1
Answer
Implemented

Fixed in Release v6.8.0+027 today. Please contact Support@ActionTiles.com with related questions.

Commenting disabled