0 Likes

Optimizely X modal window UI Improvement

Status: New
by jpfotoz ‎10-26-2016 October 26, 2016
The "modal" popup when editing a (for example) audience goes to a full screen mode, to me this is visually confusing.  The only indicator is the X in the top right corner - which isn't that obvous. Most all the other edit fields I've found have a side navigation menu next to the main left vertical nav.
 
I did a little CSS hack on and think this will be a nice improvement.  It's user friendly and it makes it obvious that it's a modal window.  
 
BEFORE
Befpore
 
AFTER
before
 
CSS I used to mock up.
 
.modal--full.is-active {
width: 90%;
height: 90%;
border: 5px solid #0f75b2;
margin: auto auto;
box-shadow: 10px 10px 15px;
}
 
Level 6