diff --git a/platform/commonUI/browse/res/templates/browse-object.html b/platform/commonUI/browse/res/templates/browse-object.html index f431003e47..c60b931028 100644 --- a/platform/commonUI/browse/res/templates/browse-object.html +++ b/platform/commonUI/browse/res/templates/browse-object.html @@ -20,7 +20,7 @@ at runtime from the About dialog for additional information. -->
-
+
- - - - - + + + + + + +
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;