diff --git a/platform/commonUI/browse/res/templates/browse/object-header.html b/platform/commonUI/browse/res/templates/browse/object-header.html
index 7eb4c2b5a9..0c46e9fce5 100644
--- a/platform/commonUI/browse/res/templates/browse/object-header.html
+++ b/platform/commonUI/browse/res/templates/browse/object-header.html
@@ -29,10 +29,7 @@
mct-object='domainObject'
class="flex-elem context-available-w">
-
-
- View Large
-
-
-
+
+
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/controls/_controls.scss b/platform/commonUI/general/res/sass/controls/_controls.scss
index f74ce22ac3..abb5bb25b8 100644
--- a/platform/commonUI/general/res/sass/controls/_controls.scss
+++ b/platform/commonUI/general/res/sass/controls/_controls.scss
@@ -631,7 +631,8 @@ textarea {
}
}
-.view-switcher {
+.view-switcher,
+.t-btn-view-large {
@include trans-prop-nice-fade($controlFadeMs);
}
diff --git a/platform/commonUI/general/res/sass/controls/_menus.scss b/platform/commonUI/general/res/sass/controls/_menus.scss
index 666d89b59d..8f4431b2bc 100644
--- a/platform/commonUI/general/res/sass/controls/_menus.scss
+++ b/platform/commonUI/general/res/sass/controls/_menus.scss
@@ -273,7 +273,7 @@
.btn-bar.right .menu,
.menus-to-left .menu {
- z-index: 79;
+ z-index: 79;
left: auto;
right: 0;
width: auto;
diff --git a/platform/commonUI/general/res/sass/overlay/_overlay.scss b/platform/commonUI/general/res/sass/overlay/_overlay.scss
index 48e4012b87..0bcbfc8fd0 100644
--- a/platform/commonUI/general/res/sass/overlay/_overlay.scss
+++ b/platform/commonUI/general/res/sass/overlay/_overlay.scss
@@ -132,6 +132,8 @@
.select {
box-shadow: $shdwBtnsOverlay;
}
+
+ .t-btn-view-large { display: none; }
}
.t-dialog-sm .overlay > .holder {
diff --git a/platform/commonUI/general/res/sass/user-environ/_frame.scss b/platform/commonUI/general/res/sass/user-environ/_frame.scss
index eebf256633..27da81f215 100644
--- a/platform/commonUI/general/res/sass/user-environ/_frame.scss
+++ b/platform/commonUI/general/res/sass/user-environ/_frame.scss
@@ -20,69 +20,72 @@
* at runtime from the About dialog for additional information.
*****************************************************************************/
.frame {
- $ohH: $btnFrameH;
- $bc: $colorInteriorBorder;
- &.child-frame.panel {
- background: $colorBodyBg;
- border: 1px solid $bc;
+ $ohH: $btnFrameH;
+ $bc: $colorInteriorBorder;
+ &.child-frame.panel {
+ background: $colorBodyBg;
+ border: 1px solid $bc;
z-index: 0; // Needed to prevent child-frame controls from showing through when another child-frame is above
- &:hover {
- border-color: lighten($bc, 10%);
- }
- }
- .object-top-bar {
- font-size: 0.75em;
- height: $ohH;
- line-height: $ohH;
- .left {
- padding-right: $interiorMarginLg;
+ &:hover {
+ border-color: lighten($bc, 10%);
}
- }
- >.object-holder.abs {
- top: $ohH + $interiorMargin;
- }
- .contents {
- $myM: $interiorMargin;
- top: $myM;
- right: $myM;
- bottom: $myM;
- left: $myM;
- }
- &.frame-template {
- .s-button,
- .s-menu-button {
- height: $ohH;
- line-height: $ohH;
- padding: 0 $interiorMargin;
- > span,
+ }
+ .object-top-bar {
+ font-size: 0.75em;
+ height: $ohH;
+ line-height: $ohH;
+ }
+
+ > .object-holder.abs {
+ top: $ohH + $interiorMargin;
+ }
+ .contents {
+ $myM: $interiorMargin;
+ top: $myM;
+ right: $myM;
+ bottom: $myM;
+ left: $myM;
+ }
+ &.frame-template {
+ .s-button,
+ .s-menu-button {
+ height: $ohH;
+ line-height: $ohH;
+ padding: 0 $interiorMargin;
+ > span,
&:before {
- font-size: 0.65rem;
- }
- }
+ font-size: 0.65rem;
+ }
+ }
- .s-menu-button:after {
- font-size: 8px;
- }
+ .s-menu-button:after {
+ font-size: 8px;
+ }
- .view-switcher {
- z-index: 10;
- }
- }
- .view-switcher {
- // Hide the name when the view switcher is in a frame context
- .title-label {
- display: none;
- }
- }
+ .view-switcher {
+ z-index: 10;
+ }
+ }
+ .view-switcher {
+ margin-left: $interiorMargin; // Kick other top bar elements away when I'm present.
+ // Hide the name when the view switcher is in a frame context
+ .title-label {
+ display: none;
+ }
+ }
}
- body.desktop .frame.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
- .view-switcher {
- opacity: 0;
- }
- &:hover .view-switcher {
- // Show the view switcher on frame hover
- opacity: 1;
- }
- }
\ No newline at end of file
+
+body.desktop .frame.frame-template {
+ // Hide local controls initially and show it them on hover when they're in an element that's in a frame context
+ // Frame template is used because we need to target the lowest nested frame
+ .view-switcher,
+ .t-btn-view-large {
+ opacity: 0;
+ pointer-events: none;
+ }
+ &:hover .view-switcher,
+ &:hover .t-btn-view-large {
+ opacity: 1;
+ pointer-events: inherit;
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss
index d9ef67bb0a..6ca0b30864 100644
--- a/platform/commonUI/general/res/sass/user-environ/_layout.scss
+++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss
@@ -136,14 +136,6 @@
.mini-tab-icon.toggle-pane {
z-index: 5;
}
- &.items {
- .object-browse-bar {
- .left.abs,
- .right.abs {
- top: auto;
- }
- }
- }
}
body.desktop .pane .mini-tab-icon.toggle-pane {
@@ -250,10 +242,9 @@ body.desktop .pane .mini-tab-icon.toggle-pane {
vertical-align: top;
}
-.object-browse-bar,
-.top-bar {
- .view-switcher {
- margin-right: $interiorMarginLg * 2;
+.object-browse-bar {
+ .l-object-action-buttons {
+ margin-left: $interiorMarginLg; // Kick the view switcher and other elements away
}
}
diff --git a/platform/features/layout/src/MCTTriggerModal.js b/platform/features/layout/src/MCTTriggerModal.js
index b620be1ec3..3a2bb340a4 100644
--- a/platform/features/layout/src/MCTTriggerModal.js
+++ b/platform/features/layout/src/MCTTriggerModal.js
@@ -53,14 +53,12 @@ define([
closeButton.addEventListener('click', toggleOverlay);
document.body.appendChild(span);
layoutContainer.removeChild(frame);
- overlayContainer.appendChild(frame)
- $element.text('Return to Layout');
+ overlayContainer.appendChild(frame);
}
function closeOverlay() {
overlayContainer.removeChild(frame);
layoutContainer.appendChild(frame);
- $element.text('View Large');
document.body.removeChild(span);
closeButton.removeEventListener('click', toggleOverlay);
closeButton = undefined;