diff --git a/platform/commonUI/browse/res/templates/browse-object.html b/platform/commonUI/browse/res/templates/browse-object.html index faf0ee3068..3892aacdac 100644 --- a/platform/commonUI/browse/res/templates/browse-object.html +++ b/platform/commonUI/browse/res/templates/browse-object.html @@ -19,8 +19,8 @@ this source code distribution or the Licensing information page available at runtime from the About dialog for additional information. --> - -
+
+
- - -
-
+
+
- + class="flex-elem grow">--> @@ -88,8 +84,8 @@
+ class="abs flex-elem grows object-holder-main scroll"> -
+
- +
diff --git a/platform/commonUI/general/res/sass/controls/_time-controller.scss b/platform/commonUI/general/res/sass/controls/_time-controller.scss index b51e65d45e..f615104666 100644 --- a/platform/commonUI/general/res/sass/controls/_time-controller.scss +++ b/platform/commonUI/general/res/sass/controls/_time-controller.scss @@ -18,10 +18,10 @@ mct-include.l-time-controller { $r2H: nth($ueTimeControlH,2); $r3H: nth($ueTimeControlH,3); - @include absPosDefault(); + //@include absPosDefault(); //@include test(); display: block; - top: auto; + //top: auto; height: $r1H + $r2H + $r3H + ($interiorMargin * 2); min-width: $minW; font-size: 0.8rem; diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss index 0e524d5724..69cabb0ce6 100644 --- a/platform/commonUI/general/res/sass/user-environ/_layout.scss +++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss @@ -225,10 +225,10 @@ .l-object-wrapper { @extend .abs; - top: $ueTopBarH + $interiorMarginLg; + //top: $ueTopBarH + $interiorMarginLg; .object-holder-main { - position: relative; + @extend .abs; } &.active { @@ -238,18 +238,12 @@ border-width: 2px; border-style: dotted; .l-object-wrapper-inner { - $m: 3px; - top: $m; - right: $m; - bottom: $m; - left: $m; + @include absPosDefault(3px, hidden); } } } .l-object-wrapper-inner { - @extend .abs; - @include display-flex(column nowrap); @include trans-prop-nice-resize(0.25s); } @@ -286,7 +280,8 @@ /***************************************************** OBJECT BROWSE BAR */ .object-browse-bar { - @include absPosDefault(0, visible); // Must use visible to avoid hiding view switcher menu + // Converting to use flexbox layout + //@include absPosDefault(0, visible); // Must use visible to avoid hiding view switcher menu @include box-sizing(border-box); height: $ueTopBarH; line-height: $ueTopBarH; diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css index 10808d7faa..d081e91187 100644 --- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css +++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css @@ -20,7 +20,7 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -41,38 +41,38 @@ time, mark, audio, video { font-size: 100%; vertical-align: baseline; } -/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } -/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } -/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } -/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } -/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } - /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ + /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } -/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } -/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } @@ -374,7 +374,7 @@ mct-container { /* line 93, ../../../../general/res/sass/_global.scss */ .abs, .l-inspect, .l-datetime-picker .l-month-year-pager .pager, -.l-datetime-picker .l-month-year-pager .val, .s-menu-btn span.l-click-area, .l-object-wrapper, .l-object-wrapper-inner { +.l-datetime-picker .l-month-year-pager .val, .s-menu-btn span.l-click-area, .l-object-wrapper, .l-object-wrapper .object-holder-main { position: absolute; top: 0; right: 0; @@ -630,7 +630,7 @@ mct-container { *****************************************************************************/ /* line 26, ../../../../general/res/sass/_about.scss */ .l-about.abs, .l-about.l-inspect, .l-datetime-picker .l-month-year-pager .l-about.pager, -.l-datetime-picker .l-month-year-pager .l-about.val, .s-menu-btn span.l-about.l-click-area, .l-about.l-object-wrapper, .l-about.l-object-wrapper-inner { +.l-datetime-picker .l-month-year-pager .l-about.val, .s-menu-btn span.l-about.l-click-area, .l-about.l-object-wrapper, .l-object-wrapper .l-about.object-holder-main { overflow: auto; } /* line 31, ../../../../general/res/sass/_about.scss */ .l-about .l-logo-holder { @@ -722,7 +722,7 @@ mct-container { *****************************************************************************/ /* line 24, ../../../../general/res/sass/_text.scss */ .abs.l-standalone, .l-standalone.l-inspect, .l-datetime-picker .l-month-year-pager .l-standalone.pager, -.l-datetime-picker .l-month-year-pager .l-standalone.val, .s-menu-btn span.l-standalone.l-click-area, .l-standalone.l-object-wrapper, .l-standalone.l-object-wrapper-inner { +.l-datetime-picker .l-month-year-pager .l-standalone.val, .s-menu-btn span.l-standalone.l-click-area, .l-standalone.l-object-wrapper, .l-object-wrapper .l-standalone.object-holder-main { padding: 5% 20%; } /* line 29, ../../../../general/res/sass/_text.scss */ @@ -3462,16 +3462,7 @@ label.checkbox.custom { /* line 9, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller { - overflow: hidden; - position: absolute; - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; - width: auto; - height: auto; display: block; - top: auto; height: 83px; min-width: 500px; font-size: 0.8rem; } @@ -4561,7 +4552,7 @@ span.req { /* line 186, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val, - .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .left.l-object-wrapper, .pane.items .object-browse-bar .left.l-object-wrapper-inner, + .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .left.l-object-wrapper, .pane.items .object-browse-bar .l-object-wrapper .left.object-holder-main, .l-object-wrapper .pane.items .object-browse-bar .left.object-holder-main, .pane.items .object-browse-bar .right.abs, .pane.items .object-browse-bar .right.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .right.pager, @@ -4571,7 +4562,8 @@ span.req { .pane.items .object-browse-bar .s-menu-btn span.right.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area, .pane.items .object-browse-bar .right.l-object-wrapper, - .pane.items .object-browse-bar .right.l-object-wrapper-inner { + .pane.items .object-browse-bar .l-object-wrapper .right.object-holder-main, + .l-object-wrapper .pane.items .object-browse-bar .right.object-holder-main { top: auto; } /* line 196, ../../../../general/res/sass/user-environ/_layout.scss */ @@ -4609,38 +4601,32 @@ span.req { height: auto; top: 34px; } -/* line 226, ../../../../general/res/sass/user-environ/_layout.scss */ -.l-object-wrapper { - top: 34px; } - /* line 230, ../../../../general/res/sass/user-environ/_layout.scss */ - .l-object-wrapper .object-holder-main { - position: relative; } - /* line 234, ../../../../general/res/sass/user-environ/_layout.scss */ - .l-object-wrapper.active { - -moz-animation-name: pulseBorder; - -webkit-animation-name: pulseBorder; - animation-name: pulseBorder; - -moz-animation-duration: 150ms; - -webkit-animation-duration: 150ms; - animation-duration: 150ms; - -moz-animation-direction: alternate; - -webkit-animation-direction: alternate; - animation-direction: alternate; - -moz-animation-iteration-count: 8; - -webkit-animation-iteration-count: 8; - animation-iteration-count: 8; - -moz-animation-timing-function: ease; - -webkit-animation-timing-function: ease; - animation-timing-function: ease; - -moz-animation-delay: 0.5s; - -webkit-animation-delay: 0.5s; - animation-delay: 0.5s; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - border-color: #0099cc; - border-width: 2px; - border-style: dotted; } +/* line 234, ../../../../general/res/sass/user-environ/_layout.scss */ +.l-object-wrapper.active { + -moz-animation-name: pulseBorder; + -webkit-animation-name: pulseBorder; + animation-name: pulseBorder; + -moz-animation-duration: 150ms; + -webkit-animation-duration: 150ms; + animation-duration: 150ms; + -moz-animation-direction: alternate; + -webkit-animation-direction: alternate; + animation-direction: alternate; + -moz-animation-iteration-count: 8; + -webkit-animation-iteration-count: 8; + animation-iteration-count: 8; + -moz-animation-timing-function: ease; + -webkit-animation-timing-function: ease; + animation-timing-function: ease; + -moz-animation-delay: 0.5s; + -webkit-animation-delay: 0.5s; + animation-delay: 0.5s; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + border-color: #0099cc; + border-width: 2px; + border-style: dotted; } @-moz-keyframes pulseBorder { 0% { border-color: transparent; } @@ -4656,17 +4642,19 @@ span.req { border-color: transparent; } 100% { border-color: #0099cc; } } - /* line 240, ../../../../general/res/sass/user-environ/_layout.scss */ - .l-object-wrapper.active .l-object-wrapper-inner { - top: 3px; - right: 3px; - bottom: 3px; - left: 3px; } + /* line 240, ../../../../general/res/sass/user-environ/_layout.scss */ + .l-object-wrapper.active .l-object-wrapper-inner { + overflow: hidden; + position: absolute; + top: 3px; + right: 3px; + bottom: 3px; + left: 3px; + width: auto; + height: auto; } -/* line 250, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 246, ../../../../general/res/sass/user-environ/_layout.scss */ .l-object-wrapper-inner { - display: -webkit-column nowrap; - display: column nowrap; -moz-transition-property: height, width, top, right, bottom, left, opacity; -o-transition-property: height, width, top, right, bottom, left, opacity; -webkit-transition-property: height, width, top, right, bottom, left, opacity; @@ -4680,7 +4668,7 @@ span.req { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } -/* line 256, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 250, ../../../../general/res/sass/user-environ/_layout.scss */ .l-edit-controls { -moz-transition-property: height, width, top, right, bottom, left, opacity; -o-transition-property: height, width, top, right, bottom, left, opacity; @@ -4697,14 +4685,14 @@ span.req { height: 0; opacity: 0; overflow: hidden; } - /* line 261, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 255, ../../../../general/res/sass/user-environ/_layout.scss */ .l-edit-controls.active { border-bottom: 1px solid rgba(153, 153, 153, 0.1); height: 30px; line-height: 25px; opacity: 1; } -/* line 269, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 263, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn, .top-bar .buttons-main .s-btn, .top-bar .buttons-main .s-menu-btn, @@ -4716,42 +4704,34 @@ span.req { line-height: 25px; vertical-align: top; } -/* line 282, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 276, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .view-switcher, .top-bar .view-switcher { margin-right: 20px; } /***************************************************** OBJECT BROWSE BAR */ -/* line 288, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 282, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar { - overflow: visible; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: auto; - height: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 24px; line-height: 24px; white-space: nowrap; } - /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 290, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left { padding-right: 10px; } - /* line 297, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 292, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left .l-back { margin-right: 10px; } -/* line 308, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 303, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .tree-holder, .pane-tree-hidden .splitter-treeview, .pane-tree-hidden .holder-treeview-elements { opacity: 0; } -/* line 317, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .tree-holder, .pane-tree-showing .splitter-treeview { -moz-transition-property: opacity; @@ -4771,7 +4751,7 @@ span.req { -webkit-transition-delay: 250ms; transition-delay: 250ms; opacity: 1; } -/* line 323, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 318, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .holder-treeview-elements { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -4790,7 +4770,7 @@ span.req { -webkit-transition-delay: 200ms; transition-delay: 200ms; } -/* line 330, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 325, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-showing .l-object-and-inspector .l-inspect, .pane-inspect-showing .l-object-and-inspector .splitter-inspect { -moz-transition-property: opacity; @@ -4811,44 +4791,44 @@ span.req { transition-delay: 250ms; opacity: 1; } -/* line 340, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 335, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .t-inspect { z-index: 1 !important; } -/* line 343, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 338, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .l-inspect, .pane-inspect-hidden .l-object-and-inspector .splitter-inspect { opacity: 0; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 351, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 346, ../../../../general/res/sass/user-environ/_layout.scss */ .holder-all { min-width: 600px; } - /* line 356, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 351, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .split-pane-component.pane.treeview.left { min-width: 150px; max-width: 35%; width: 25%; } - /* line 361, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 356, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .split-pane-component.pane.t-inspect.right { min-width: 200px; max-width: 35%; width: 20%; z-index: 3; } - /* line 369, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 364, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .tree-holder { padding-right: 5px; } - /* line 373, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 368, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .pane.right.primary-pane { left: 22px !important; } - /* line 376, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 371, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .pane.left { right: 22px !important; } - /* line 378, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 373, ../../../../general/res/sass/user-environ/_layout.scss */ .pane:not(.resizing) { -moz-transition-property: width, left, right; -o-transition-property: width, left, right; @@ -4867,7 +4847,7 @@ span.req { -webkit-transition-delay: 0; transition-delay: 0; } - /* line 381, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 376, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.primary-pane .object-browse-bar { min-width: 200px; } } /***************************************************************************** @@ -5499,12 +5479,12 @@ span.req { /* line 80, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .abs.top-bar, .overlay .top-bar.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .top-bar.pager, .l-datetime-picker .l-month-year-pager .overlay .top-bar.pager, .overlay .l-datetime-picker .l-month-year-pager .top-bar.val, - .l-datetime-picker .l-month-year-pager .overlay .top-bar.val, .overlay .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay span.top-bar.l-click-area, .overlay .top-bar.l-object-wrapper, .overlay .top-bar.l-object-wrapper-inner { + .l-datetime-picker .l-month-year-pager .overlay .top-bar.val, .overlay .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay span.top-bar.l-click-area, .overlay .top-bar.l-object-wrapper, .overlay .l-object-wrapper .top-bar.object-holder-main, .l-object-wrapper .overlay .top-bar.object-holder-main { height: 45px; } /* line 84, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .abs.editor, .overlay .editor.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .editor.pager, .l-datetime-picker .l-month-year-pager .overlay .editor.pager, .overlay .l-datetime-picker .l-month-year-pager .editor.val, - .l-datetime-picker .l-month-year-pager .overlay .editor.val, .overlay .s-menu-btn span.editor.l-click-area, .s-menu-btn .overlay span.editor.l-click-area, .overlay .editor.l-object-wrapper, .overlay .editor.l-object-wrapper-inner, + .l-datetime-picker .l-month-year-pager .overlay .editor.val, .overlay .s-menu-btn span.editor.l-click-area, .s-menu-btn .overlay span.editor.l-click-area, .overlay .editor.l-object-wrapper, .overlay .l-object-wrapper .editor.object-holder-main, .l-object-wrapper .overlay .editor.object-holder-main, .overlay .abs.message-body, .overlay .message-body.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .message-body.pager, @@ -5514,7 +5494,8 @@ span.req { .overlay .s-menu-btn span.message-body.l-click-area, .s-menu-btn .overlay span.message-body.l-click-area, .overlay .message-body.l-object-wrapper, - .overlay .message-body.l-object-wrapper-inner { + .overlay .l-object-wrapper .message-body.object-holder-main, + .l-object-wrapper .overlay .message-body.object-holder-main { top: 55px; bottom: 34px; left: 0; @@ -5523,7 +5504,7 @@ span.req { /* line 92, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .abs.editor .field.l-med input[type='text'], .overlay .editor.l-inspect .field.l-med input[type='text'], .overlay .l-datetime-picker .l-month-year-pager .editor.pager .field.l-med input[type='text'], .l-datetime-picker .l-month-year-pager .overlay .editor.pager .field.l-med input[type='text'], .overlay .l-datetime-picker .l-month-year-pager .editor.val .field.l-med input[type='text'], - .l-datetime-picker .l-month-year-pager .overlay .editor.val .field.l-med input[type='text'], .overlay .s-menu-btn span.editor.l-click-area .field.l-med input[type='text'], .s-menu-btn .overlay span.editor.l-click-area .field.l-med input[type='text'], .overlay .editor.l-object-wrapper .field.l-med input[type='text'], .overlay .editor.l-object-wrapper-inner .field.l-med input[type='text'], + .l-datetime-picker .l-month-year-pager .overlay .editor.val .field.l-med input[type='text'], .overlay .s-menu-btn span.editor.l-click-area .field.l-med input[type='text'], .s-menu-btn .overlay span.editor.l-click-area .field.l-med input[type='text'], .overlay .editor.l-object-wrapper .field.l-med input[type='text'], .overlay .l-object-wrapper .editor.object-holder-main .field.l-med input[type='text'], .l-object-wrapper .overlay .editor.object-holder-main .field.l-med input[type='text'], .overlay .abs.message-body .field.l-med input[type='text'], .overlay .message-body.l-inspect .field.l-med input[type='text'], .overlay .l-datetime-picker .l-month-year-pager .message-body.pager .field.l-med input[type='text'], @@ -5533,7 +5514,8 @@ span.req { .overlay .s-menu-btn span.message-body.l-click-area .field.l-med input[type='text'], .s-menu-btn .overlay span.message-body.l-click-area .field.l-med input[type='text'], .overlay .message-body.l-object-wrapper .field.l-med input[type='text'], - .overlay .message-body.l-object-wrapper-inner .field.l-med input[type='text'] { + .overlay .l-object-wrapper .message-body.object-holder-main .field.l-med input[type='text'], + .l-object-wrapper .overlay .message-body.object-holder-main .field.l-med input[type='text'] { width: 100%; } /* line 98, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .bottom-bar { @@ -5590,7 +5572,7 @@ span.req { /* line 117, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .abs.bottom-bar, .overlay .bottom-bar.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .bottom-bar.pager, .l-datetime-picker .l-month-year-pager .overlay .bottom-bar.pager, .overlay .l-datetime-picker .l-month-year-pager .bottom-bar.val, - .l-datetime-picker .l-month-year-pager .overlay .bottom-bar.val, .overlay .s-menu-btn span.bottom-bar.l-click-area, .s-menu-btn .overlay span.bottom-bar.l-click-area, .overlay .bottom-bar.l-object-wrapper, .overlay .bottom-bar.l-object-wrapper-inner { + .l-datetime-picker .l-month-year-pager .overlay .bottom-bar.val, .overlay .s-menu-btn span.bottom-bar.l-click-area, .s-menu-btn .overlay span.bottom-bar.l-click-area, .overlay .bottom-bar.l-object-wrapper, .overlay .l-object-wrapper .bottom-bar.object-holder-main, .l-object-wrapper .overlay .bottom-bar.object-holder-main { top: auto; right: 0; bottom: 0; @@ -5661,7 +5643,7 @@ span.req { /* line 57, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ .overlay > .holder .contents .abs.top-bar, .overlay > .holder .contents .top-bar.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .top-bar.pager, .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .top-bar.pager, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .top-bar.val, - .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .top-bar.val, .overlay > .holder .contents .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay > .holder .contents span.top-bar.l-click-area, .overlay > .holder .contents .top-bar.l-object-wrapper, .overlay > .holder .contents .top-bar.l-object-wrapper-inner, + .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .top-bar.val, .overlay > .holder .contents .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay > .holder .contents span.top-bar.l-click-area, .overlay > .holder .contents .top-bar.l-object-wrapper, .overlay > .holder .contents .l-object-wrapper .top-bar.object-holder-main, .l-object-wrapper .overlay > .holder .contents .top-bar.object-holder-main, .overlay > .holder .contents .abs.editor, .overlay > .holder .contents .editor.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .editor.pager, @@ -5671,7 +5653,8 @@ span.req { .overlay > .holder .contents .s-menu-btn span.editor.l-click-area, .s-menu-btn .overlay > .holder .contents span.editor.l-click-area, .overlay > .holder .contents .editor.l-object-wrapper, - .overlay > .holder .contents .editor.l-object-wrapper-inner, + .overlay > .holder .contents .l-object-wrapper .editor.object-holder-main, + .l-object-wrapper .overlay > .holder .contents .editor.object-holder-main, .overlay > .holder .contents .abs.message-body, .overlay > .holder .contents .message-body.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .message-body.pager, @@ -5681,7 +5664,8 @@ span.req { .overlay > .holder .contents .s-menu-btn span.message-body.l-click-area, .s-menu-btn .overlay > .holder .contents span.message-body.l-click-area, .overlay > .holder .contents .message-body.l-object-wrapper, - .overlay > .holder .contents .message-body.l-object-wrapper-inner, + .overlay > .holder .contents .l-object-wrapper .message-body.object-holder-main, + .l-object-wrapper .overlay > .holder .contents .message-body.object-holder-main, .overlay > .holder .contents .abs.bottom-bar, .overlay > .holder .contents .bottom-bar.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .bottom-bar.pager, @@ -5691,7 +5675,8 @@ span.req { .overlay > .holder .contents .s-menu-btn span.bottom-bar.l-click-area, .s-menu-btn .overlay > .holder .contents span.bottom-bar.l-click-area, .overlay > .holder .contents .bottom-bar.l-object-wrapper, - .overlay > .holder .contents .bottom-bar.l-object-wrapper-inner { + .overlay > .holder .contents .l-object-wrapper .bottom-bar.object-holder-main, + .l-object-wrapper .overlay > .holder .contents .bottom-bar.object-holder-main { top: auto; right: auto; bottom: auto; @@ -6030,7 +6015,7 @@ ul.tree { padding-right: 10px; } /* line 40, ../../../../general/res/sass/user-environ/_frame.scss */ .frame > .object-holder.abs, .frame > .object-holder.l-inspect, .l-datetime-picker .l-month-year-pager .frame > .object-holder.pager, -.l-datetime-picker .l-month-year-pager .frame > .object-holder.val, .s-menu-btn .frame > span.object-holder.l-click-area, .frame > .object-holder.l-object-wrapper, .frame > .object-holder.l-object-wrapper-inner { +.l-datetime-picker .l-month-year-pager .frame > .object-holder.val, .s-menu-btn .frame > span.object-holder.l-click-area, .frame > .object-holder.l-object-wrapper, .l-object-wrapper .frame > .object-holder.object-holder-main { top: 21px; } /* line 43, ../../../../general/res/sass/user-environ/_frame.scss */ .frame .contents { @@ -6112,7 +6097,7 @@ ul.tree { /* line 52, ../../../../general/res/sass/user-environ/_top-bar.scss */ .edit-mode .top-bar .buttons-main.abs, .edit-mode .top-bar .buttons-main.l-inspect, .edit-mode .top-bar .l-datetime-picker .l-month-year-pager .buttons-main.pager, .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.pager, .edit-mode .top-bar .l-datetime-picker .l-month-year-pager .buttons-main.val, - .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.val, .edit-mode .top-bar .s-menu-btn span.buttons-main.l-click-area, .s-menu-btn .edit-mode .top-bar span.buttons-main.l-click-area, .edit-mode .top-bar .buttons-main.l-object-wrapper, .edit-mode .top-bar .buttons-main.l-object-wrapper-inner { + .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.val, .edit-mode .top-bar .s-menu-btn span.buttons-main.l-click-area, .s-menu-btn .edit-mode .top-bar span.buttons-main.l-click-area, .edit-mode .top-bar .buttons-main.l-object-wrapper, .edit-mode .top-bar .l-object-wrapper .buttons-main.object-holder-main, .l-object-wrapper .edit-mode .top-bar .buttons-main.object-holder-main { bottom: auto; left: auto; } diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css index 70785a3613..7932ed734c 100644 --- a/platform/commonUI/themes/snow/res/css/theme-snow.css +++ b/platform/commonUI/themes/snow/res/css/theme-snow.css @@ -20,7 +20,7 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -41,38 +41,38 @@ time, mark, audio, video { font-size: 100%; vertical-align: baseline; } -/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } -/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } -/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } -/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } -/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } - /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ + /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } -/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } -/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } @@ -374,7 +374,7 @@ mct-container { /* line 93, ../../../../general/res/sass/_global.scss */ .abs, .l-inspect, .l-datetime-picker .l-month-year-pager .pager, -.l-datetime-picker .l-month-year-pager .val, .s-menu-btn span.l-click-area, .l-object-wrapper, .l-object-wrapper-inner { +.l-datetime-picker .l-month-year-pager .val, .s-menu-btn span.l-click-area, .l-object-wrapper, .l-object-wrapper .object-holder-main { position: absolute; top: 0; right: 0; @@ -630,7 +630,7 @@ mct-container { *****************************************************************************/ /* line 26, ../../../../general/res/sass/_about.scss */ .l-about.abs, .l-about.l-inspect, .l-datetime-picker .l-month-year-pager .l-about.pager, -.l-datetime-picker .l-month-year-pager .l-about.val, .s-menu-btn span.l-about.l-click-area, .l-about.l-object-wrapper, .l-about.l-object-wrapper-inner { +.l-datetime-picker .l-month-year-pager .l-about.val, .s-menu-btn span.l-about.l-click-area, .l-about.l-object-wrapper, .l-object-wrapper .l-about.object-holder-main { overflow: auto; } /* line 31, ../../../../general/res/sass/_about.scss */ .l-about .l-logo-holder { @@ -722,7 +722,7 @@ mct-container { *****************************************************************************/ /* line 24, ../../../../general/res/sass/_text.scss */ .abs.l-standalone, .l-standalone.l-inspect, .l-datetime-picker .l-month-year-pager .l-standalone.pager, -.l-datetime-picker .l-month-year-pager .l-standalone.val, .s-menu-btn span.l-standalone.l-click-area, .l-standalone.l-object-wrapper, .l-standalone.l-object-wrapper-inner { +.l-datetime-picker .l-month-year-pager .l-standalone.val, .s-menu-btn span.l-standalone.l-click-area, .l-standalone.l-object-wrapper, .l-object-wrapper .l-standalone.object-holder-main { padding: 5% 20%; } /* line 29, ../../../../general/res/sass/_text.scss */ @@ -3401,16 +3401,7 @@ label.checkbox.custom { /* line 9, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller { - overflow: hidden; - position: absolute; - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; - width: auto; - height: auto; display: block; - top: auto; height: 83px; min-width: 500px; font-size: 0.8rem; } @@ -4483,7 +4474,7 @@ span.req { /* line 186, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val, - .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .left.l-object-wrapper, .pane.items .object-browse-bar .left.l-object-wrapper-inner, + .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .left.l-object-wrapper, .pane.items .object-browse-bar .l-object-wrapper .left.object-holder-main, .l-object-wrapper .pane.items .object-browse-bar .left.object-holder-main, .pane.items .object-browse-bar .right.abs, .pane.items .object-browse-bar .right.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .right.pager, @@ -4493,7 +4484,8 @@ span.req { .pane.items .object-browse-bar .s-menu-btn span.right.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area, .pane.items .object-browse-bar .right.l-object-wrapper, - .pane.items .object-browse-bar .right.l-object-wrapper-inner { + .pane.items .object-browse-bar .l-object-wrapper .right.object-holder-main, + .l-object-wrapper .pane.items .object-browse-bar .right.object-holder-main { top: auto; } /* line 196, ../../../../general/res/sass/user-environ/_layout.scss */ @@ -4531,38 +4523,32 @@ span.req { height: auto; top: 34px; } -/* line 226, ../../../../general/res/sass/user-environ/_layout.scss */ -.l-object-wrapper { - top: 34px; } - /* line 230, ../../../../general/res/sass/user-environ/_layout.scss */ - .l-object-wrapper .object-holder-main { - position: relative; } - /* line 234, ../../../../general/res/sass/user-environ/_layout.scss */ - .l-object-wrapper.active { - -moz-animation-name: pulseBorder; - -webkit-animation-name: pulseBorder; - animation-name: pulseBorder; - -moz-animation-duration: 150ms; - -webkit-animation-duration: 150ms; - animation-duration: 150ms; - -moz-animation-direction: alternate; - -webkit-animation-direction: alternate; - animation-direction: alternate; - -moz-animation-iteration-count: 8; - -webkit-animation-iteration-count: 8; - animation-iteration-count: 8; - -moz-animation-timing-function: ease; - -webkit-animation-timing-function: ease; - animation-timing-function: ease; - -moz-animation-delay: 0.5s; - -webkit-animation-delay: 0.5s; - animation-delay: 0.5s; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - border-color: #0099cc; - border-width: 2px; - border-style: dotted; } +/* line 234, ../../../../general/res/sass/user-environ/_layout.scss */ +.l-object-wrapper.active { + -moz-animation-name: pulseBorder; + -webkit-animation-name: pulseBorder; + animation-name: pulseBorder; + -moz-animation-duration: 150ms; + -webkit-animation-duration: 150ms; + animation-duration: 150ms; + -moz-animation-direction: alternate; + -webkit-animation-direction: alternate; + animation-direction: alternate; + -moz-animation-iteration-count: 8; + -webkit-animation-iteration-count: 8; + animation-iteration-count: 8; + -moz-animation-timing-function: ease; + -webkit-animation-timing-function: ease; + animation-timing-function: ease; + -moz-animation-delay: 0.5s; + -webkit-animation-delay: 0.5s; + animation-delay: 0.5s; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + border-color: #0099cc; + border-width: 2px; + border-style: dotted; } @-moz-keyframes pulseBorder { 0% { border-color: transparent; } @@ -4578,17 +4564,19 @@ span.req { border-color: transparent; } 100% { border-color: #0099cc; } } - /* line 240, ../../../../general/res/sass/user-environ/_layout.scss */ - .l-object-wrapper.active .l-object-wrapper-inner { - top: 3px; - right: 3px; - bottom: 3px; - left: 3px; } + /* line 240, ../../../../general/res/sass/user-environ/_layout.scss */ + .l-object-wrapper.active .l-object-wrapper-inner { + overflow: hidden; + position: absolute; + top: 3px; + right: 3px; + bottom: 3px; + left: 3px; + width: auto; + height: auto; } -/* line 250, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 246, ../../../../general/res/sass/user-environ/_layout.scss */ .l-object-wrapper-inner { - display: -webkit-column nowrap; - display: column nowrap; -moz-transition-property: height, width, top, right, bottom, left, opacity; -o-transition-property: height, width, top, right, bottom, left, opacity; -webkit-transition-property: height, width, top, right, bottom, left, opacity; @@ -4602,7 +4590,7 @@ span.req { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } -/* line 256, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 250, ../../../../general/res/sass/user-environ/_layout.scss */ .l-edit-controls { -moz-transition-property: height, width, top, right, bottom, left, opacity; -o-transition-property: height, width, top, right, bottom, left, opacity; @@ -4619,14 +4607,14 @@ span.req { height: 0; opacity: 0; overflow: hidden; } - /* line 261, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 255, ../../../../general/res/sass/user-environ/_layout.scss */ .l-edit-controls.active { border-bottom: 1px solid rgba(102, 102, 102, 0.2); height: 30px; line-height: 25px; opacity: 1; } -/* line 269, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 263, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn, .top-bar .buttons-main .s-btn, .top-bar .buttons-main .s-menu-btn, @@ -4638,42 +4626,34 @@ span.req { line-height: 25px; vertical-align: top; } -/* line 282, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 276, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .view-switcher, .top-bar .view-switcher { margin-right: 20px; } /***************************************************** OBJECT BROWSE BAR */ -/* line 288, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 282, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar { - overflow: visible; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: auto; - height: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 24px; line-height: 24px; white-space: nowrap; } - /* line 295, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 290, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left { padding-right: 10px; } - /* line 297, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 292, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left .l-back { margin-right: 10px; } -/* line 308, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 303, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .tree-holder, .pane-tree-hidden .splitter-treeview, .pane-tree-hidden .holder-treeview-elements { opacity: 0; } -/* line 317, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .tree-holder, .pane-tree-showing .splitter-treeview { -moz-transition-property: opacity; @@ -4693,7 +4673,7 @@ span.req { -webkit-transition-delay: 250ms; transition-delay: 250ms; opacity: 1; } -/* line 323, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 318, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .holder-treeview-elements { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -4712,7 +4692,7 @@ span.req { -webkit-transition-delay: 200ms; transition-delay: 200ms; } -/* line 330, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 325, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-showing .l-object-and-inspector .l-inspect, .pane-inspect-showing .l-object-and-inspector .splitter-inspect { -moz-transition-property: opacity; @@ -4733,44 +4713,44 @@ span.req { transition-delay: 250ms; opacity: 1; } -/* line 340, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 335, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .t-inspect { z-index: 1 !important; } -/* line 343, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 338, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .l-inspect, .pane-inspect-hidden .l-object-and-inspector .splitter-inspect { opacity: 0; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 351, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 346, ../../../../general/res/sass/user-environ/_layout.scss */ .holder-all { min-width: 600px; } - /* line 356, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 351, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .split-pane-component.pane.treeview.left { min-width: 150px; max-width: 35%; width: 25%; } - /* line 361, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 356, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .split-pane-component.pane.t-inspect.right { min-width: 200px; max-width: 35%; width: 20%; z-index: 3; } - /* line 369, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 364, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .tree-holder { padding-right: 5px; } - /* line 373, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 368, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .pane.right.primary-pane { left: 22px !important; } - /* line 376, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 371, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .pane.left { right: 22px !important; } - /* line 378, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 373, ../../../../general/res/sass/user-environ/_layout.scss */ .pane:not(.resizing) { -moz-transition-property: width, left, right; -o-transition-property: width, left, right; @@ -4789,7 +4769,7 @@ span.req { -webkit-transition-delay: 0; transition-delay: 0; } - /* line 381, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 376, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.primary-pane .object-browse-bar { min-width: 200px; } } /***************************************************************************** @@ -5412,12 +5392,12 @@ span.req { /* line 80, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .abs.top-bar, .overlay .top-bar.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .top-bar.pager, .l-datetime-picker .l-month-year-pager .overlay .top-bar.pager, .overlay .l-datetime-picker .l-month-year-pager .top-bar.val, - .l-datetime-picker .l-month-year-pager .overlay .top-bar.val, .overlay .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay span.top-bar.l-click-area, .overlay .top-bar.l-object-wrapper, .overlay .top-bar.l-object-wrapper-inner { + .l-datetime-picker .l-month-year-pager .overlay .top-bar.val, .overlay .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay span.top-bar.l-click-area, .overlay .top-bar.l-object-wrapper, .overlay .l-object-wrapper .top-bar.object-holder-main, .l-object-wrapper .overlay .top-bar.object-holder-main { height: 45px; } /* line 84, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .abs.editor, .overlay .editor.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .editor.pager, .l-datetime-picker .l-month-year-pager .overlay .editor.pager, .overlay .l-datetime-picker .l-month-year-pager .editor.val, - .l-datetime-picker .l-month-year-pager .overlay .editor.val, .overlay .s-menu-btn span.editor.l-click-area, .s-menu-btn .overlay span.editor.l-click-area, .overlay .editor.l-object-wrapper, .overlay .editor.l-object-wrapper-inner, + .l-datetime-picker .l-month-year-pager .overlay .editor.val, .overlay .s-menu-btn span.editor.l-click-area, .s-menu-btn .overlay span.editor.l-click-area, .overlay .editor.l-object-wrapper, .overlay .l-object-wrapper .editor.object-holder-main, .l-object-wrapper .overlay .editor.object-holder-main, .overlay .abs.message-body, .overlay .message-body.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .message-body.pager, @@ -5427,7 +5407,8 @@ span.req { .overlay .s-menu-btn span.message-body.l-click-area, .s-menu-btn .overlay span.message-body.l-click-area, .overlay .message-body.l-object-wrapper, - .overlay .message-body.l-object-wrapper-inner { + .overlay .l-object-wrapper .message-body.object-holder-main, + .l-object-wrapper .overlay .message-body.object-holder-main { top: 55px; bottom: 34px; left: 0; @@ -5436,7 +5417,7 @@ span.req { /* line 92, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .abs.editor .field.l-med input[type='text'], .overlay .editor.l-inspect .field.l-med input[type='text'], .overlay .l-datetime-picker .l-month-year-pager .editor.pager .field.l-med input[type='text'], .l-datetime-picker .l-month-year-pager .overlay .editor.pager .field.l-med input[type='text'], .overlay .l-datetime-picker .l-month-year-pager .editor.val .field.l-med input[type='text'], - .l-datetime-picker .l-month-year-pager .overlay .editor.val .field.l-med input[type='text'], .overlay .s-menu-btn span.editor.l-click-area .field.l-med input[type='text'], .s-menu-btn .overlay span.editor.l-click-area .field.l-med input[type='text'], .overlay .editor.l-object-wrapper .field.l-med input[type='text'], .overlay .editor.l-object-wrapper-inner .field.l-med input[type='text'], + .l-datetime-picker .l-month-year-pager .overlay .editor.val .field.l-med input[type='text'], .overlay .s-menu-btn span.editor.l-click-area .field.l-med input[type='text'], .s-menu-btn .overlay span.editor.l-click-area .field.l-med input[type='text'], .overlay .editor.l-object-wrapper .field.l-med input[type='text'], .overlay .l-object-wrapper .editor.object-holder-main .field.l-med input[type='text'], .l-object-wrapper .overlay .editor.object-holder-main .field.l-med input[type='text'], .overlay .abs.message-body .field.l-med input[type='text'], .overlay .message-body.l-inspect .field.l-med input[type='text'], .overlay .l-datetime-picker .l-month-year-pager .message-body.pager .field.l-med input[type='text'], @@ -5446,7 +5427,8 @@ span.req { .overlay .s-menu-btn span.message-body.l-click-area .field.l-med input[type='text'], .s-menu-btn .overlay span.message-body.l-click-area .field.l-med input[type='text'], .overlay .message-body.l-object-wrapper .field.l-med input[type='text'], - .overlay .message-body.l-object-wrapper-inner .field.l-med input[type='text'] { + .overlay .l-object-wrapper .message-body.object-holder-main .field.l-med input[type='text'], + .l-object-wrapper .overlay .message-body.object-holder-main .field.l-med input[type='text'] { width: 100%; } /* line 98, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .bottom-bar { @@ -5494,7 +5476,7 @@ span.req { /* line 117, ../../../../general/res/sass/overlay/_overlay.scss */ .overlay .abs.bottom-bar, .overlay .bottom-bar.l-inspect, .overlay .l-datetime-picker .l-month-year-pager .bottom-bar.pager, .l-datetime-picker .l-month-year-pager .overlay .bottom-bar.pager, .overlay .l-datetime-picker .l-month-year-pager .bottom-bar.val, - .l-datetime-picker .l-month-year-pager .overlay .bottom-bar.val, .overlay .s-menu-btn span.bottom-bar.l-click-area, .s-menu-btn .overlay span.bottom-bar.l-click-area, .overlay .bottom-bar.l-object-wrapper, .overlay .bottom-bar.l-object-wrapper-inner { + .l-datetime-picker .l-month-year-pager .overlay .bottom-bar.val, .overlay .s-menu-btn span.bottom-bar.l-click-area, .s-menu-btn .overlay span.bottom-bar.l-click-area, .overlay .bottom-bar.l-object-wrapper, .overlay .l-object-wrapper .bottom-bar.object-holder-main, .l-object-wrapper .overlay .bottom-bar.object-holder-main { top: auto; right: 0; bottom: 0; @@ -5565,7 +5547,7 @@ span.req { /* line 57, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ .overlay > .holder .contents .abs.top-bar, .overlay > .holder .contents .top-bar.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .top-bar.pager, .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .top-bar.pager, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .top-bar.val, - .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .top-bar.val, .overlay > .holder .contents .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay > .holder .contents span.top-bar.l-click-area, .overlay > .holder .contents .top-bar.l-object-wrapper, .overlay > .holder .contents .top-bar.l-object-wrapper-inner, + .l-datetime-picker .l-month-year-pager .overlay > .holder .contents .top-bar.val, .overlay > .holder .contents .s-menu-btn span.top-bar.l-click-area, .s-menu-btn .overlay > .holder .contents span.top-bar.l-click-area, .overlay > .holder .contents .top-bar.l-object-wrapper, .overlay > .holder .contents .l-object-wrapper .top-bar.object-holder-main, .l-object-wrapper .overlay > .holder .contents .top-bar.object-holder-main, .overlay > .holder .contents .abs.editor, .overlay > .holder .contents .editor.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .editor.pager, @@ -5575,7 +5557,8 @@ span.req { .overlay > .holder .contents .s-menu-btn span.editor.l-click-area, .s-menu-btn .overlay > .holder .contents span.editor.l-click-area, .overlay > .holder .contents .editor.l-object-wrapper, - .overlay > .holder .contents .editor.l-object-wrapper-inner, + .overlay > .holder .contents .l-object-wrapper .editor.object-holder-main, + .l-object-wrapper .overlay > .holder .contents .editor.object-holder-main, .overlay > .holder .contents .abs.message-body, .overlay > .holder .contents .message-body.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .message-body.pager, @@ -5585,7 +5568,8 @@ span.req { .overlay > .holder .contents .s-menu-btn span.message-body.l-click-area, .s-menu-btn .overlay > .holder .contents span.message-body.l-click-area, .overlay > .holder .contents .message-body.l-object-wrapper, - .overlay > .holder .contents .message-body.l-object-wrapper-inner, + .overlay > .holder .contents .l-object-wrapper .message-body.object-holder-main, + .l-object-wrapper .overlay > .holder .contents .message-body.object-holder-main, .overlay > .holder .contents .abs.bottom-bar, .overlay > .holder .contents .bottom-bar.l-inspect, .overlay > .holder .contents .l-datetime-picker .l-month-year-pager .bottom-bar.pager, @@ -5595,7 +5579,8 @@ span.req { .overlay > .holder .contents .s-menu-btn span.bottom-bar.l-click-area, .s-menu-btn .overlay > .holder .contents span.bottom-bar.l-click-area, .overlay > .holder .contents .bottom-bar.l-object-wrapper, - .overlay > .holder .contents .bottom-bar.l-object-wrapper-inner { + .overlay > .holder .contents .l-object-wrapper .bottom-bar.object-holder-main, + .l-object-wrapper .overlay > .holder .contents .bottom-bar.object-holder-main { top: auto; right: auto; bottom: auto; @@ -5932,7 +5917,7 @@ ul.tree { padding-right: 10px; } /* line 40, ../../../../general/res/sass/user-environ/_frame.scss */ .frame > .object-holder.abs, .frame > .object-holder.l-inspect, .l-datetime-picker .l-month-year-pager .frame > .object-holder.pager, -.l-datetime-picker .l-month-year-pager .frame > .object-holder.val, .s-menu-btn .frame > span.object-holder.l-click-area, .frame > .object-holder.l-object-wrapper, .frame > .object-holder.l-object-wrapper-inner { +.l-datetime-picker .l-month-year-pager .frame > .object-holder.val, .s-menu-btn .frame > span.object-holder.l-click-area, .frame > .object-holder.l-object-wrapper, .l-object-wrapper .frame > .object-holder.object-holder-main { top: 21px; } /* line 43, ../../../../general/res/sass/user-environ/_frame.scss */ .frame .contents { @@ -6014,7 +5999,7 @@ ul.tree { /* line 52, ../../../../general/res/sass/user-environ/_top-bar.scss */ .edit-mode .top-bar .buttons-main.abs, .edit-mode .top-bar .buttons-main.l-inspect, .edit-mode .top-bar .l-datetime-picker .l-month-year-pager .buttons-main.pager, .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.pager, .edit-mode .top-bar .l-datetime-picker .l-month-year-pager .buttons-main.val, - .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.val, .edit-mode .top-bar .s-menu-btn span.buttons-main.l-click-area, .s-menu-btn .edit-mode .top-bar span.buttons-main.l-click-area, .edit-mode .top-bar .buttons-main.l-object-wrapper, .edit-mode .top-bar .buttons-main.l-object-wrapper-inner { + .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.val, .edit-mode .top-bar .s-menu-btn span.buttons-main.l-click-area, .s-menu-btn .edit-mode .top-bar span.buttons-main.l-click-area, .edit-mode .top-bar .buttons-main.l-object-wrapper, .edit-mode .top-bar .l-object-wrapper .buttons-main.object-holder-main, .l-object-wrapper .edit-mode .top-bar .buttons-main.object-holder-main { bottom: auto; left: auto; } diff --git a/platform/features/conductor/src/ConductorRepresenter.js b/platform/features/conductor/src/ConductorRepresenter.js index c7b58e6de9..113b99de94 100644 --- a/platform/features/conductor/src/ConductorRepresenter.js +++ b/platform/features/conductor/src/ConductorRepresenter.js @@ -30,7 +30,7 @@ define( "", + "class='holder flex-elem flex-fixed l-time-controller'>", "" ].join(''), THROTTLE_MS = 200, @@ -159,8 +159,8 @@ define( this.wireScope(); this.conductorElement = this.$compile(TEMPLATE)(this.conductorScope()); - this.element.after(this.conductorElement[0]); - this.element.addClass('l-controls-visible l-time-controller-visible'); + this.element.parent().parent().after(this.conductorElement[0]); + this.element.parent().parent().addClass('l-controls-visible l-time-controller-visible'); GLOBAL_SHOWING = true; } }; diff --git a/platform/features/plot/res/templates/plot.html b/platform/features/plot/res/templates/plot.html index 0a17de15cf..183747f9f2 100644 --- a/platform/features/plot/res/templates/plot.html +++ b/platform/features/plot/res/templates/plot.html @@ -20,7 +20,8 @@ at runtime from the About dialog for additional information. --> + ng-mouseleave="representation.showControls = false" + class="abs holder holder-plot">