[Fronted] Minor final sanding and polishing

WTD-839
.t-view-switcher > .view-switcher;
Added CSS transition to hide/show of view-switcher;
Moved .view-switcher hide/show to _frame.scss;
Tweaked .frame:hover to raise z-index to show complete border;
This commit is contained in:
Charles Hacskaylo
2015-06-12 14:17:19 -07:00
parent 8f153d4e75
commit 39531a0a9f
7 changed files with 93 additions and 97 deletions

View File

@@ -27,6 +27,7 @@
border: 1px solid $bc;
&:hover {
border-color: lighten($bc, 10%);
z-index: 2;
}
.contents {
// overflow: hidden;
@@ -46,6 +47,26 @@
bottom: $myM;
left: $myM;
}
&.frame-template {
// Hide the view switcher by default when it's in an element that's in a frame context
// Frame template is used because we need to target the lowest nested frame
// This has the effect of hiding the view switcher in nested frames in edit mode, which is desirable currently (as it's non-functional)
.view-switcher {
//display: none;
opacity: 0;
}
&:hover .view-switcher {
// Show the view switcher on frame hover
//display: inline-block !important;
opacity: 1;
}
}
.view-switcher {
// Hide the name when the view switcher is in a frame context
.name {
display: none;
}
}
}
.edit-main .frame.child-frame.panel {
@@ -53,5 +74,4 @@
border-color: $colorKey;
@include boxShdwLarge();
}
}