From e09cf91def84008798845cd8be0cea7f47419776 Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Wed, 4 Nov 2015 15:03:56 -0800 Subject: [PATCH] [Frontend] Inspector-related fixes open #244 Fixing scroll issue in Inspector via flex layout; Added new _archetypes.scss file for .l-flex* and .col styles; moved .col and associated mixin out of _layout.scss and into _archetypes; --- .../general/res/sass/_archetypes.scss | 116 +++++ .../commonUI/general/res/sass/_inspector.scss | 5 + platform/commonUI/general/res/sass/_main.scss | 1 + .../res/sass/user-environ/_layout.scss | 97 ---- .../res/templates/object-inspector.html | 6 +- .../espresso/res/css/theme-espresso.css | 485 +++++++++--------- .../themes/snow/res/css/theme-snow.css | 485 +++++++++--------- 7 files changed, 633 insertions(+), 562 deletions(-) create mode 100644 platform/commonUI/general/res/sass/_archetypes.scss diff --git a/platform/commonUI/general/res/sass/_archetypes.scss b/platform/commonUI/general/res/sass/_archetypes.scss new file mode 100644 index 0000000000..54389b0eac --- /dev/null +++ b/platform/commonUI/general/res/sass/_archetypes.scss @@ -0,0 +1,116 @@ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ + +/********************************************* COLUMN LAYOUTS STYLES */ +@mixin cols($totalCols, $span) { + $cw: 100% / $totalCols; + min-width: (500px / $totalCols) * $span; + @if ($totalCols != $span) { + width: ($cw * $span) - $ueColMargin; + } @else { + width: $cw; + } +} + +.cols { + @include clearfix; + .col { + @include box-sizing(border-box); + @include clearfix; + // background: rgba(#ffcc00, 0.2); + float: left; + margin-left: $ueColMargin; + padding-left: $interiorMargin; + position: relative; + &:first-child { + margin-left: 0; + padding-left: 0; + } + } + &.cols-2 { + $nc: 2; + .col-1 { + @include cols($nc, 1); + } + } + &.cols-2-ff { + // 2 columns, first column is fixed, second is fluid + .col-100px { + width: 100px; + } + } + + &.cols-6 { + $nc: 6; + .col-1 { + @include cols($nc, 1); + } + } + &.cols-16 { + $nc: 16; + .col-1 { + @include cols($nc, 1); + } + .col-2 { + @include cols($nc, 2); + } + .col-7 { + @include cols($nc, 7); + } + } + &.cols-32 { + $nc: 32; + .col-2 { + @include cols($nc, 2); + } + .col-15 { + @include cols($nc, 15); + } + } + .l-row { + @include clearfix; + padding: $interiorMargin 0; + } +} +/********************************************* FLEX STYLES */ +.l-flex-row, +.l-flex-col { + @include display-flex; + @include flex-wrap(nowrap); + .flex-elem { + &:not(.grows) { + @include flex(0 1 auto); + } + &.grows { + @include flex(1 1 auto); + } + } +} + +.l-flex-row { + @include flex-direction(row); + +} + +.l-flex-col { + @include flex-direction(column); +} \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/_inspector.scss b/platform/commonUI/general/res/sass/_inspector.scss index 9f67ff3b73..62917017a4 100644 --- a/platform/commonUI/general/res/sass/_inspector.scss +++ b/platform/commonUI/general/res/sass/_inspector.scss @@ -43,6 +43,11 @@ vertical-align: bottom; } } + + ul { + @include box-sizing(border-box); + padding-right: $interiorMargin; + } ul li, em { diff --git a/platform/commonUI/general/res/sass/_main.scss b/platform/commonUI/general/res/sass/_main.scss index 0dab445e84..f7f2489dc7 100644 --- a/platform/commonUI/general/res/sass/_main.scss +++ b/platform/commonUI/general/res/sass/_main.scss @@ -21,6 +21,7 @@ *****************************************************************************/ @import "effects"; @import "global"; +@import "archetypes"; @import "about"; @import "text"; @import "icons"; diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss index 4800cdeb6d..f421487cf0 100644 --- a/platform/commonUI/general/res/sass/user-environ/_layout.scss +++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss @@ -19,23 +19,6 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -@mixin cols($totalCols, $span) { - $cw: 100% / $totalCols; - min-width: (500px / $totalCols) * $span; - @if ($totalCols != $span) { - width: ($cw * $span) - $ueColMargin; - } @else { - width: $cw; - } -} - -/*.holder-all { - $myM: 0; // $interiorMarginSm; - top: $myM; - right: $myM; - bottom: $myM; - left: $myM; -}*/ .browse-area, .edit-area, @@ -158,67 +141,6 @@ } } -.cols { - @include clearfix; - .col { - @include box-sizing(border-box); - @include clearfix; - // background: rgba(#ffcc00, 0.2); - float: left; - margin-left: $ueColMargin; - padding-left: $interiorMargin; - position: relative; - &:first-child { - margin-left: 0; - padding-left: 0; - } - } - &.cols-2 { - $nc: 2; - .col-1 { - @include cols($nc, 1); - } - } - &.cols-2-ff { - // 2 columns, first column is fixed, second is fluid - .col-100px { - width: 100px; - } - } - - &.cols-6 { - $nc: 6; - .col-1 { - @include cols($nc, 1); - } - } - &.cols-16 { - $nc: 16; - .col-1 { - @include cols($nc, 1); - } - .col-2 { - @include cols($nc, 2); - } - .col-7 { - @include cols($nc, 7); - } - } - &.cols-32 { - $nc: 32; - .col-2 { - @include cols($nc, 2); - } - .col-15 { - @include cols($nc, 15); - } - } - .l-row { - @include clearfix; - padding: $interiorMargin 0; - } -} - .browse-mode { .split-layout { .split-pane-component.pane { @@ -464,25 +386,6 @@ .holder-create-and-search { opacity: 0; } - /*.holder-create-and-search { - @include trans-prop-nice((top, left), 250ms); - top: $ueTopBarH + $interiorMargin; - left: -1 * $bodyMargin !important; - .create-btn { - @include border-left-radius(0); - @include trans-prop-nice((width), 250ms); - width: $uePaneMiniTabW !important; - text-align: center !important; - padding: 0; - .title-label, - &:after { - display: none; - } - &:before { - font-size: 9px; - } - } - }*/ } .pane-tree-showing { diff --git a/platform/commonUI/general/res/templates/object-inspector.html b/platform/commonUI/general/res/templates/object-inspector.html index 83ed591ff7..cf111a3695 100644 --- a/platform/commonUI/general/res/templates/object-inspector.html +++ b/platform/commonUI/general/res/templates/object-inspector.html @@ -20,9 +20,9 @@ at runtime from the About dialog for additional information. --> -
-
Inspection
-
    +
    +
    Inspection
    +
    • Properties
      .type-icon { color: #cccccc; font-size: 120%; float: left; margin-right: 5px; } - /* line 222, ../../../../general/res/sass/controls/_controls.scss */ + /* line 215, ../../../../general/res/sass/controls/_controls.scss */ .object-header .l-elem-wrapper { -webkit-justify-content: flex-start; justify-content: flex-start; } - /* line 225, ../../../../general/res/sass/controls/_controls.scss */ + /* line 218, ../../../../general/res/sass/controls/_controls.scss */ .object-header .l-elem-wrapper mct-representation { min-width: 0.7em; } - /* line 233, ../../../../general/res/sass/controls/_controls.scss */ + /* line 226, ../../../../general/res/sass/controls/_controls.scss */ .object-header .action { margin-right: 5px; } - /* line 237, ../../../../general/res/sass/controls/_controls.scss */ + /* line 230, ../../../../general/res/sass/controls/_controls.scss */ .object-header .title-label { color: #999; overflow: hidden; @@ -2143,13 +2250,13 @@ label.checkbox.custom { flex: 0 1 auto; -webkit-flex: 0 1 auto; padding-right: 0.35em; } - /* line 269, ../../../../general/res/sass/controls/_controls.scss */ + /* line 240, ../../../../general/res/sass/controls/_controls.scss */ .object-header .context-available { font-size: 0.7em; flex: 0 0 1; -webkit-flex: 0 0 1; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 276, ../../../../general/res/sass/controls/_controls.scss */ + /* line 247, ../../../../general/res/sass/controls/_controls.scss */ .object-header .context-available { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -2168,7 +2275,7 @@ label.checkbox.custom { -webkit-transition-delay: 0; transition-delay: 0; opacity: 0; } - /* line 259, ../../../../general/res/sass/controls/_controls.scss */ + /* line 252, ../../../../general/res/sass/controls/_controls.scss */ .object-header:hover .context-available { opacity: 1; } } @@ -2182,12 +2289,12 @@ label.checkbox.custom { @keyframes progress { 100% { background-position: 20px center; } } -/* line 281, ../../../../general/res/sass/controls/_controls.scss */ +/* line 274, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar { display: inline-block; overflow: hidden; position: relative; } - /* line 287, ../../../../general/res/sass/controls/_controls.scss */ + /* line 280, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar .progress-amt-holder { overflow: hidden; position: absolute; @@ -2197,7 +2304,7 @@ label.checkbox.custom { left: 1px; width: auto; height: auto; } - /* line 290, ../../../../general/res/sass/controls/_controls.scss */ + /* line 283, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar .progress-amt, .l-progress-bar .progress-amt:before, .l-progress-bar .progress-amt:after { @@ -2211,14 +2318,14 @@ label.checkbox.custom { height: auto; display: block; content: ''; } - /* line 298, ../../../../general/res/sass/controls/_controls.scss */ + /* line 291, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar .progress-amt { right: auto; } - /* line 303, ../../../../general/res/sass/controls/_controls.scss */ + /* line 296, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar.indeterminate .progress-amt { width: 100% !important; } -/* line 309, ../../../../general/res/sass/controls/_controls.scss */ +/* line 302, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -2227,7 +2334,7 @@ label.checkbox.custom { -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px; box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px; background: rgba(0, 0, 0, 0.1); } - /* line 314, ../../../../general/res/sass/controls/_controls.scss */ + /* line 307, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar .progress-amt { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -2254,10 +2361,10 @@ label.checkbox.custom { -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; } - /* line 319, ../../../../general/res/sass/controls/_controls.scss */ + /* line 312, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar .progress-amt:before { background-color: #0099cc; } - /* line 322, ../../../../general/res/sass/controls/_controls.scss */ + /* line 315, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar .progress-amt:after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2265,7 +2372,7 @@ label.checkbox.custom { background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); } - /* line 331, ../../../../general/res/sass/controls/_controls.scss */ + /* line 324, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar:not(.indeterminate) .progress-amt:before { -moz-animation: progress 0.4s linear infinite; -webkit-animation: progress 0.4s linear infinite; @@ -2278,7 +2385,7 @@ label.checkbox.custom { background-position: 0 center; background-repeat: repeat-x; background-size: 20px 40%; } - /* line 339, ../../../../general/res/sass/controls/_controls.scss */ + /* line 332, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar.indeterminate .progress-amt:before { -moz-animation: progress 0.6s linear infinite; -webkit-animation: progress 0.6s linear infinite; @@ -2290,12 +2397,12 @@ label.checkbox.custom { background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat; background-size: 20px 20px; } - /* line 344, ../../../../general/res/sass/controls/_controls.scss */ + /* line 337, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar.indeterminate .progress-amt:after { display: none; } /******************************************************** SLIDERS */ -/* line 352, ../../../../general/res/sass/controls/_controls.scss */ +/* line 345, ../../../../general/res/sass/controls/_controls.scss */ .slider .slot { width: auto; position: absolute; @@ -2303,7 +2410,7 @@ label.checkbox.custom { right: 0; bottom: 0; left: 0; } -/* line 362, ../../../../general/res/sass/controls/_controls.scss */ +/* line 355, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob { -moz-transition-property: opacity, background-color, border-color, color; -o-transition-property: opacity, background-color, border-color, color; @@ -2329,10 +2436,10 @@ label.checkbox.custom { auto: 0; bottom: auto; left: auto; } - /* line 307, ../../../../general/res/sass/controls/_controls.scss */ + /* line 358, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob:hover { background-color: #0099cc; } -/* line 318, ../../../../general/res/sass/controls/_controls.scss */ +/* line 369, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob-l { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; @@ -2341,7 +2448,7 @@ label.checkbox.custom { -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; cursor: w-resize; } -/* line 322, ../../../../general/res/sass/controls/_controls.scss */ +/* line 373, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob-r { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; @@ -2350,7 +2457,7 @@ label.checkbox.custom { -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; cursor: e-resize; } -/* line 326, ../../../../general/res/sass/controls/_controls.scss */ +/* line 377, ../../../../general/res/sass/controls/_controls.scss */ .slider .range { -moz-transition-property: opacity, background-color, border-color, color; -o-transition-property: opacity, background-color, border-color, color; @@ -2377,12 +2484,12 @@ label.checkbox.custom { left: auto; height: auto; width: auto; } - /* line 337, ../../../../general/res/sass/controls/_controls.scss */ + /* line 388, ../../../../general/res/sass/controls/_controls.scss */ .slider .range:hover { background-color: rgba(0, 153, 204, 0.5); } /******************************************************** DATETIME PICKER */ -/* line 344, ../../../../general/res/sass/controls/_controls.scss */ +/* line 395, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker { -moz-user-select: -moz-none; -ms-user-select: none; @@ -2391,65 +2498,65 @@ label.checkbox.custom { font-size: 0.8rem; padding: 10px !important; width: 230px; } - /* line 350, ../../../../general/res/sass/controls/_controls.scss */ + /* line 401, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager { height: 15px; margin-bottom: 5px; position: relative; } - /* line 420, ../../../../general/res/sass/controls/_controls.scss */ + /* line 413, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager { width: 20px; } - /* line 423, ../../../../general/res/sass/controls/_controls.scss */ + /* line 416, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager.prev { right: auto; } - /* line 425, ../../../../general/res/sass/controls/_controls.scss */ + /* line 418, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager.prev:before { content: "\3c"; } - /* line 429, ../../../../general/res/sass/controls/_controls.scss */ + /* line 422, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager.next { left: auto; text-align: right; } - /* line 432, ../../../../general/res/sass/controls/_controls.scss */ + /* line 425, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager.next:before { content: "\3e"; } - /* line 437, ../../../../general/res/sass/controls/_controls.scss */ + /* line 430, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .val { text-align: center; left: 25px; right: 25px; } - /* line 443, ../../../../general/res/sass/controls/_controls.scss */ + /* line 436, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-calendar, .l-datetime-picker .l-time-selects { border-top: 1px solid rgba(153, 153, 153, 0.1); } - /* line 447, ../../../../general/res/sass/controls/_controls.scss */ + /* line 440, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-time-selects { line-height: 22px; } /******************************************************** CALENDAR */ -/* line 397, ../../../../general/res/sass/controls/_controls.scss */ +/* line 448, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row { display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; margin-top: 1px; } - /* line 459, ../../../../general/res/sass/controls/_controls.scss */ + /* line 452, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row:first-child { margin-top: 0; } - /* line 462, ../../../../general/res/sass/controls/_controls.scss */ + /* line 455, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row li { -webkit-flex: 1 0; flex: 1 0; margin-left: 1px; padding: 5px; text-align: center; } - /* line 468, ../../../../general/res/sass/controls/_controls.scss */ + /* line 461, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row li:first-child { margin-left: 0; } - /* line 472, ../../../../general/res/sass/controls/_controls.scss */ + /* line 465, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-header li { color: #b3b3b3; } - /* line 475, ../../../../general/res/sass/controls/_controls.scss */ + /* line 468, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li { -moz-transition-property: background-color; -o-transition-property: background-color; @@ -2468,31 +2575,31 @@ label.checkbox.custom { -webkit-transition-delay: 0; transition-delay: 0; cursor: pointer; } - /* line 478, ../../../../general/res/sass/controls/_controls.scss */ + /* line 471, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li.in-month { background-color: #616161; } - /* line 481, ../../../../general/res/sass/controls/_controls.scss */ + /* line 474, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li .sub { color: #b3b3b3; font-size: 0.8em; } - /* line 485, ../../../../general/res/sass/controls/_controls.scss */ + /* line 478, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li.selected { background: #006080; color: #cccccc; } - /* line 488, ../../../../general/res/sass/controls/_controls.scss */ + /* line 481, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li.selected .sub { color: inherit; } - /* line 492, ../../../../general/res/sass/controls/_controls.scss */ + /* line 485, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li:hover { background-color: #0099cc; color: #fff; } - /* line 495, ../../../../general/res/sass/controls/_controls.scss */ + /* line 488, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li:hover .sub { color: inherit; } /******************************************************** BROWSER ELEMENTS */ @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 448, ../../../../general/res/sass/controls/_controls.scss */ + /* line 499, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar { -moz-border-radius: 2px; -webkit-border-radius: 2px; @@ -2507,7 +2614,7 @@ label.checkbox.custom { height: 10px; width: 10px; } - /* line 457, ../../../../general/res/sass/controls/_controls.scss */ + /* line 508, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-thumb { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2521,7 +2628,7 @@ label.checkbox.custom { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } - /* line 466, ../../../../general/res/sass/controls/_controls.scss */ + /* line 517, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-thumb:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2530,7 +2637,7 @@ label.checkbox.custom { background-image: -webkit-linear-gradient(#5e5e5e, #525252 20px); background-image: linear-gradient(#5e5e5e, #525252 20px); } - /* line 471, ../../../../general/res/sass/controls/_controls.scss */ + /* line 522, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-corner { background: rgba(0, 0, 0, 0.4); } } /***************************************************************************** @@ -3918,15 +4025,15 @@ textarea { /* line 29, ../../../../general/res/sass/forms/_datetime.scss */ .complex.datetime { /* - .field-hints, - .fields { - } - - - .field-hints { - - } - */ } + .field-hints, + .fields { + } + + + .field-hints { + + } + */ } /* line 30, ../../../../general/res/sass/forms/_datetime.scss */ .complex.datetime span { display: inline-block; @@ -4173,26 +4280,19 @@ span.req { * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/*.holder-all { - $myM: 0; // $interiorMarginSm; - top: $myM; - right: $myM; - bottom: $myM; - left: $myM; -}*/ -/* line 40, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 23, ../../../../general/res/sass/user-environ/_layout.scss */ .browse-area, .edit-area, .editor { position: absolute; } -/* line 46, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 29, ../../../../general/res/sass/user-environ/_layout.scss */ .editor { -moz-border-radius: 4.5px; -webkit-border-radius: 4.5px; border-radius: 4.5px; } -/* line 50, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 33, ../../../../general/res/sass/user-environ/_layout.scss */ .contents { box-sizing: border-box; position: absolute; @@ -4200,21 +4300,21 @@ span.req { right: 0; bottom: 0; left: 0; } - /* line 58, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 41, ../../../../general/res/sass/user-environ/_layout.scss */ .contents.nomargin { right: 0px; bottom: 0px; left: 0px; } -/* line 67, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 50, ../../../../general/res/sass/user-environ/_layout.scss */ .bar .icon.major, .bar .major.t-item-icon { margin-right: 5px; } -/* line 70, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 53, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs, .bar.l-inspect, .l-datetime-picker .l-month-year-pager .bar.pager, .l-datetime-picker .l-month-year-pager .bar.val, .s-menu-btn span.bar.l-click-area { text-wrap: none; white-space: nowrap; } - /* line 73, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 56, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs.left, .bar.left.l-inspect, .l-datetime-picker .l-month-year-pager .bar.left.pager, .l-datetime-picker .l-month-year-pager .bar.left.val, .s-menu-btn span.bar.left.l-click-area, .bar.abs .left, @@ -4224,7 +4324,7 @@ span.req { .s-menu-btn span.bar.l-click-area .left { width: 45%; right: auto; } - /* line 78, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 61, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs.right, .bar.right.l-inspect, .l-datetime-picker .l-month-year-pager .bar.right.pager, .l-datetime-picker .l-month-year-pager .bar.right.val, .s-menu-btn span.bar.right.l-click-area, .bar.abs .right, @@ -4235,7 +4335,7 @@ span.req { width: 45%; left: auto; text-align: right; } - /* line 83, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 66, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs.right .icon.major, .bar.right.l-inspect .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.pager .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.val .icon.major, .s-menu-btn span.bar.right.l-click-area .icon.major, .bar.abs.right .major.t-item-icon, .bar.right.l-inspect .major.t-item-icon, .l-datetime-picker .l-month-year-pager .bar.right.pager .major.t-item-icon, .l-datetime-picker .l-month-year-pager .bar.right.val .major.t-item-icon, .s-menu-btn span.bar.right.l-click-area .major.t-item-icon, @@ -4250,7 +4350,7 @@ span.req { .l-datetime-picker .l-month-year-pager .bar.val .right .major.t-item-icon, .s-menu-btn span.bar.l-click-area .right .major.t-item-icon { margin-left: 15px; } - /* line 89, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 72, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs .l-flex .left, .bar.l-inspect .l-flex .left, .l-datetime-picker .l-month-year-pager .bar.pager .l-flex .left, .l-datetime-picker .l-month-year-pager .bar.val .l-flex .left, .s-menu-btn span.bar.l-click-area .l-flex .left, .bar.abs .l-flex .right, @@ -4266,34 +4366,34 @@ span.req { .s-menu-btn span.bar.l-flex.l-click-area .right { width: auto; } -/* line 98, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 81, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .browse-area, .user-environ .editor { top: 0; left: 0; right: 0; bottom: 25px; } -/* line 105, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 88, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .browse-area > .contents, .user-environ .edit-area > .contents { left: 0; right: 0; } -/* line 111, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 94, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .edit-area { top: 45px; left: 10px; right: 10px; bottom: 35px; } - /* line 117, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 100, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .edit-area .tool-bar { bottom: auto; height: 30px; line-height: 25px; } - /* line 122, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 105, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .edit-area .object-holder.work-area { top: 40px; overflow: auto; } -/* line 129, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 112, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar { overflow: hidden; position: absolute; @@ -4309,7 +4409,7 @@ span.req { background: #000; color: gray; font-size: .7rem; } - /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 121, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .status-holder { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -4328,7 +4428,7 @@ span.req { right: 120px; text-transform: uppercase; z-index: 1; } - /* line 147, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 130, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .app-logo { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -4345,143 +4445,87 @@ span.req { left: auto; width: 105px; z-index: 2; } - /* line 154, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 137, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .app-logo.logo-openmctweb { background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; } -/* line 161, ../../../../general/res/sass/user-environ/_layout.scss */ -.cols { - overflow: hidden; - *zoom: 1; } - /* line 163, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols .col { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow: hidden; - *zoom: 1; - float: left; - margin-left: 1.5%; - padding-left: 5px; - position: relative; } - /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols .col:first-child { - margin-left: 0; - padding-left: 0; } - /* line 178, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-2 .col-1 { - min-width: 250px; - width: 48.5%; } - /* line 184, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-2-ff .col-100px { - width: 100px; } - /* line 191, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-6 .col-1 { - min-width: 83.33333px; - width: 15.16667%; } - /* line 197, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-16 .col-1 { - min-width: 31.25px; - width: 4.75%; } - /* line 200, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-16 .col-2 { - min-width: 62.5px; - width: 11%; } - /* line 203, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-16 .col-7 { - min-width: 218.75px; - width: 42.25%; } - /* line 209, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-32 .col-2 { - min-width: 31.25px; - width: 4.75%; } - /* line 212, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-32 .col-15 { - min-width: 234.375px; - width: 45.375%; } - /* line 216, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols .l-row { - overflow: hidden; - *zoom: 1; - padding: 5px 0; } - -/* line 226, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 148, ../../../../general/res/sass/user-environ/_layout.scss */ .browse-mode .split-layout .split-pane-component.pane.treeview.left { min-width: 150px; max-width: 800px; width: 25%; } -/* line 231, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 153, ../../../../general/res/sass/user-environ/_layout.scss */ .browse-mode .split-layout .split-pane-component.pane.t-inspect.right { min-width: 200px; max-width: 600px; width: 20%; } -/* line 243, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 165, ../../../../general/res/sass/user-environ/_layout.scss */ .edit-mode .split-layout .split-pane-component.pane.right { width: 15%; } - /* line 245, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 167, ../../../../general/res/sass/user-environ/_layout.scss */ .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom { min-height: 50px; height: 30%; } -/* line 253, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 175, ../../../../general/res/sass/user-environ/_layout.scss */ .pane { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; } - /* line 257, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 179, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .pane-header { text-transform: uppercase; height: 24px; line-height: 24px; margin-bottom: 5px; } - /* line 264, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 186, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .primary-pane { z-index: 2; } - /* line 282, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 204, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .search-holder { top: 34px; } - /* line 285, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .tree-holder { overflow: auto; top: 64px; } - /* line 291, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 213, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane { z-index: 5; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 291, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 213, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane { top: 10px; height: 24px; line-height: 24px; } - /* line 300, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 222, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane:after { opacity: 0; } - /* line 305, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 227, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.collapsed:before { opacity: 0; } - /* line 308, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 230, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.collapsed:after { opacity: 1; } - /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 234, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left { left: 0; -moz-transform: translateX(-34px); -ms-transform: translateX(-34px); -webkit-transform: translateX(-34px); transform: translateX(-34px); } - /* line 315, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 237, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after { content: '\6d'; } - /* line 318, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 240, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed { left: 0; -moz-transform: translateX(-15px); -ms-transform: translateX(-15px); -webkit-transform: translateX(-15px); transform: translateX(-15px); } - /* line 322, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 244, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -4499,16 +4543,16 @@ span.req { -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; } - /* line 326, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 248, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right { right: 10px; } - /* line 328, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 250, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after { content: '\e615'; } - /* line 331, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 253, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed { right: 5px; } } - /* line 340, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 262, ../../../../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, @@ -4522,7 +4566,7 @@ span.req { .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area { top: auto; } -/* line 348, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout { /* &.vertical { // Slides left and right @@ -4537,36 +4581,36 @@ span.req { } } }*/ } - /* line 351, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 273, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout.horizontal > .pane { margin-top: 5px; } - /* line 354, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 276, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout.horizontal > .pane:first-child { margin-top: 0; } - /* line 374, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 296, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-create-and-search { top: 10px; right: 0; bottom: 10px; left: 10px; } - /* line 381, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 303, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector { top: 0; right: 0; bottom: 0; left: 0; } - /* line 386, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 308, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector .holder-object { top: 10px; bottom: 10px; } - /* line 390, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector .holder-inspector-elements { top: 10px; bottom: 10px; left: 10px; right: 10px; } -/* line 400, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 322, ../../../../general/res/sass/user-environ/_layout.scss */ .object-holder { overflow: auto; position: absolute; @@ -4577,11 +4621,11 @@ span.req { width: auto; height: auto; top: 34px; } - /* line 293, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 326, ../../../../general/res/sass/user-environ/_layout.scss */ .object-holder.l-controls-visible.l-time-controller-visible { bottom: 88px; } -/* line 299, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 332, ../../../../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, @@ -4593,12 +4637,12 @@ span.req { line-height: 25px; vertical-align: top; } -/* line 426, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 345, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .view-switcher, .top-bar .view-switcher { margin-right: 20px; } -/* line 431, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 350, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar { overflow: visible; position: absolute; @@ -4614,55 +4658,34 @@ span.req { height: 24px; line-height: 24px; white-space: nowrap; } - /* line 439, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 358, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left { padding-right: 20px; } - /* line 441, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 360, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left .l-back { display: inline-block; float: left; margin-right: 10px; } -/* line 449, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 368, ../../../../general/res/sass/user-environ/_layout.scss */ .l-flex { display: flex; display: -webkit-flex; flex-flow: row nowrap; -webkit-flex-flow: row nowrap; } - /* line 452, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 371, ../../../../general/res/sass/user-environ/_layout.scss */ .l-flex .left { flex: 1 1 0; -webkit-flex: 1 1 0; padding-right: 10px; } -/* line 462, ../../../../general/res/sass/user-environ/_layout.scss */ -.pane-tree-hidden { - /*.holder-create-and-search { - @include trans-prop-nice((top, left), 250ms); - top: $ueTopBarH + $interiorMargin; - left: -1 * $bodyMargin !important; - .create-btn { - @include border-left-radius(0); - @include trans-prop-nice((width), 250ms); - width: $uePaneMiniTabW !important; - text-align: center !important; - padding: 0; - .title-label, - &:after { - display: none; - } - &:before { - font-size: 9px; - } - } - }*/ } - /* line 465, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane-tree-hidden .tree-holder, - .pane-tree-hidden .splitter-treeview, - .pane-tree-hidden .holder-create-and-search { - opacity: 0; } +/* line 384, ../../../../general/res/sass/user-environ/_layout.scss */ +.pane-tree-hidden .tree-holder, +.pane-tree-hidden .splitter-treeview, +.pane-tree-hidden .holder-create-and-search { + opacity: 0; } -/* line 494, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 394, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .tree-holder, .pane-tree-showing .splitter-treeview { -moz-transition-property: opacity; @@ -4682,7 +4705,7 @@ span.req { -webkit-transition-delay: 250ms; transition-delay: 250ms; opacity: 1; } -/* line 500, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 400, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .holder-create-and-search { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -4701,7 +4724,7 @@ span.req { -webkit-transition-delay: 200ms; transition-delay: 200ms; } -/* line 507, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 407, ../../../../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; @@ -4722,25 +4745,25 @@ span.req { transition-delay: 250ms; opacity: 1; } -/* line 516, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 416, ../../../../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 524, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 424, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .tree-holder { padding-right: 5px; } - /* line 528, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 428, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .pane.right.primary-pane { left: 20px !important; } - /* line 531, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 431, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .pane.left { right: 20px !important; } - /* line 534, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 434, ../../../../general/res/sass/user-environ/_layout.scss */ .pane:not(.resizing) { -moz-transition-property: width, left, right; -o-transition-property: width, left, right; @@ -5948,9 +5971,9 @@ ul.tree { *****************************************************************************/ /* line 22, ../../../../general/res/sass/user-environ/_top-bar.scss */ .top-bar { - /* .title { - color: #fff; - }*/ } + /* .title { + color: #fff; + }*/ } /* line 23, ../../../../general/res/sass/user-environ/_top-bar.scss */ .top-bar.browse, .top-bar.edit { border-bottom: 1px solid rgba(153, 153, 153, 0.1); diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css index 6ec5b55434..ed1e1cbcbf 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; } @@ -306,7 +306,7 @@ a.disabled { *****************************************************************************/ /************************** FONTS */ @font-face { - /* + /* * Use https://icomoon.io/app with /platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json */ font-family: 'symbolsfont'; @@ -428,6 +428,113 @@ mct-container { .sep { color: rgba(255, 255, 255, 0.2); } +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/********************************************* COLUMN LAYOUTS STYLES */ +/* line 34, ../../../../general/res/sass/_archetypes.scss */ +.cols { + overflow: hidden; + *zoom: 1; } + /* line 36, ../../../../general/res/sass/_archetypes.scss */ + .cols .col { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden; + *zoom: 1; + float: left; + margin-left: 1.5%; + padding-left: 5px; + position: relative; } + /* line 44, ../../../../general/res/sass/_archetypes.scss */ + .cols .col:first-child { + margin-left: 0; + padding-left: 0; } + /* line 51, ../../../../general/res/sass/_archetypes.scss */ + .cols.cols-2 .col-1 { + min-width: 250px; + width: 48.5%; } + /* line 57, ../../../../general/res/sass/_archetypes.scss */ + .cols.cols-2-ff .col-100px { + width: 100px; } + /* line 64, ../../../../general/res/sass/_archetypes.scss */ + .cols.cols-6 .col-1 { + min-width: 83.33333px; + width: 15.16667%; } + /* line 70, ../../../../general/res/sass/_archetypes.scss */ + .cols.cols-16 .col-1 { + min-width: 31.25px; + width: 4.75%; } + /* line 73, ../../../../general/res/sass/_archetypes.scss */ + .cols.cols-16 .col-2 { + min-width: 62.5px; + width: 11%; } + /* line 76, ../../../../general/res/sass/_archetypes.scss */ + .cols.cols-16 .col-7 { + min-width: 218.75px; + width: 42.25%; } + /* line 82, ../../../../general/res/sass/_archetypes.scss */ + .cols.cols-32 .col-2 { + min-width: 31.25px; + width: 4.75%; } + /* line 85, ../../../../general/res/sass/_archetypes.scss */ + .cols.cols-32 .col-15 { + min-width: 234.375px; + width: 45.375%; } + /* line 89, ../../../../general/res/sass/_archetypes.scss */ + .cols .l-row { + overflow: hidden; + *zoom: 1; + padding: 5px 0; } + +/********************************************* FLEX STYLES */ +/* line 95, ../../../../general/res/sass/_archetypes.scss */ +.l-flex-row, +.l-flex-col { + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: nowrap; + flex-wrap: nowrap; } + /* line 100, ../../../../general/res/sass/_archetypes.scss */ + .l-flex-row .flex-elem:not(.grows), + .l-flex-col .flex-elem:not(.grows) { + -webkit-flex: 0 1 auto; + flex: 0 1 auto; } + /* line 103, ../../../../general/res/sass/_archetypes.scss */ + .l-flex-row .flex-elem.grows, + .l-flex-col .flex-elem.grows { + -webkit-flex: 1 1 auto; + flex: 1 1 auto; } + +/* line 109, ../../../../general/res/sass/_archetypes.scss */ +.l-flex-row { + -webkit-flex-direction: row; + flex-direction: row; } + +/* line 114, ../../../../general/res/sass/_archetypes.scss */ +.l-flex-col { + -webkit-flex-direction: column; + flex-direction: column; } + /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -1025,11 +1132,11 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.2) 100%); } /*.browse-area .splitter { - top: 0; //$ueTopBarH + $interiorMarginLg; + top: 0; //$ueTopBarH + $interiorMarginLg; } .edit-area .splitter { - top: 0; + top: 0; }*/ /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government @@ -2063,23 +2170,23 @@ label.checkbox.custom { /* line 204, ../../../../general/res/sass/controls/_controls.scss */ .object-header { font-size: 1em; } - /* line 236, ../../../../general/res/sass/controls/_controls.scss */ + /* line 208, ../../../../general/res/sass/controls/_controls.scss */ .object-header > .type-icon { color: #b3b3b3; font-size: 120%; float: left; margin-right: 5px; } - /* line 243, ../../../../general/res/sass/controls/_controls.scss */ + /* line 215, ../../../../general/res/sass/controls/_controls.scss */ .object-header .l-elem-wrapper { -webkit-justify-content: flex-start; justify-content: flex-start; } - /* line 247, ../../../../general/res/sass/controls/_controls.scss */ + /* line 218, ../../../../general/res/sass/controls/_controls.scss */ .object-header .l-elem-wrapper mct-representation { min-width: 0.7em; } - /* line 255, ../../../../general/res/sass/controls/_controls.scss */ + /* line 226, ../../../../general/res/sass/controls/_controls.scss */ .object-header .action { margin-right: 5px; } - /* line 259, ../../../../general/res/sass/controls/_controls.scss */ + /* line 230, ../../../../general/res/sass/controls/_controls.scss */ .object-header .title-label { color: #666; overflow: hidden; @@ -2088,13 +2195,13 @@ label.checkbox.custom { flex: 0 1 auto; -webkit-flex: 0 1 auto; padding-right: 0.35em; } - /* line 269, ../../../../general/res/sass/controls/_controls.scss */ + /* line 240, ../../../../general/res/sass/controls/_controls.scss */ .object-header .context-available { font-size: 0.7em; flex: 0 0 1; -webkit-flex: 0 0 1; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 276, ../../../../general/res/sass/controls/_controls.scss */ + /* line 247, ../../../../general/res/sass/controls/_controls.scss */ .object-header .context-available { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -2113,7 +2220,7 @@ label.checkbox.custom { -webkit-transition-delay: 0; transition-delay: 0; opacity: 0; } - /* line 259, ../../../../general/res/sass/controls/_controls.scss */ + /* line 252, ../../../../general/res/sass/controls/_controls.scss */ .object-header:hover .context-available { opacity: 1; } } @@ -2127,12 +2234,12 @@ label.checkbox.custom { @keyframes progress { 100% { background-position: 20px center; } } -/* line 281, ../../../../general/res/sass/controls/_controls.scss */ +/* line 274, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar { display: inline-block; overflow: hidden; position: relative; } - /* line 287, ../../../../general/res/sass/controls/_controls.scss */ + /* line 280, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar .progress-amt-holder { overflow: hidden; position: absolute; @@ -2142,7 +2249,7 @@ label.checkbox.custom { left: 1px; width: auto; height: auto; } - /* line 290, ../../../../general/res/sass/controls/_controls.scss */ + /* line 283, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar .progress-amt, .l-progress-bar .progress-amt:before, .l-progress-bar .progress-amt:after { @@ -2156,14 +2263,14 @@ label.checkbox.custom { height: auto; display: block; content: ''; } - /* line 298, ../../../../general/res/sass/controls/_controls.scss */ + /* line 291, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar .progress-amt { right: auto; } - /* line 303, ../../../../general/res/sass/controls/_controls.scss */ + /* line 296, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar.indeterminate .progress-amt { width: 100% !important; } -/* line 309, ../../../../general/res/sass/controls/_controls.scss */ +/* line 302, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar { -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -2172,7 +2279,7 @@ label.checkbox.custom { -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px; box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px; background: rgba(0, 0, 0, 0.1); } - /* line 314, ../../../../general/res/sass/controls/_controls.scss */ + /* line 307, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar .progress-amt { -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -2199,10 +2306,10 @@ label.checkbox.custom { -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; } - /* line 319, ../../../../general/res/sass/controls/_controls.scss */ + /* line 312, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar .progress-amt:before { background-color: #0a0; } - /* line 322, ../../../../general/res/sass/controls/_controls.scss */ + /* line 315, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar .progress-amt:after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2210,7 +2317,7 @@ label.checkbox.custom { background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); } - /* line 331, ../../../../general/res/sass/controls/_controls.scss */ + /* line 324, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar:not(.indeterminate) .progress-amt:before { -moz-animation: progress 0.4s linear infinite; -webkit-animation: progress 0.4s linear infinite; @@ -2223,7 +2330,7 @@ label.checkbox.custom { background-position: 0 center; background-repeat: repeat-x; background-size: 20px 40%; } - /* line 339, ../../../../general/res/sass/controls/_controls.scss */ + /* line 332, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar.indeterminate .progress-amt:before { -moz-animation: progress 0.6s linear infinite; -webkit-animation: progress 0.6s linear infinite; @@ -2235,12 +2342,12 @@ label.checkbox.custom { background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat; background-size: 20px 20px; } - /* line 344, ../../../../general/res/sass/controls/_controls.scss */ + /* line 337, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar.indeterminate .progress-amt:after { display: none; } /******************************************************** SLIDERS */ -/* line 352, ../../../../general/res/sass/controls/_controls.scss */ +/* line 345, ../../../../general/res/sass/controls/_controls.scss */ .slider .slot { width: auto; position: absolute; @@ -2248,7 +2355,7 @@ label.checkbox.custom { right: 0; bottom: 0; left: 0; } -/* line 362, ../../../../general/res/sass/controls/_controls.scss */ +/* line 355, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob { -moz-transition-property: opacity, background-color, border-color, color; -o-transition-property: opacity, background-color, border-color, color; @@ -2274,10 +2381,10 @@ label.checkbox.custom { auto: 0; bottom: auto; left: auto; } - /* line 365, ../../../../general/res/sass/controls/_controls.scss */ + /* line 358, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob:hover { background-color: rgba(0, 153, 204, 0.7); } -/* line 376, ../../../../general/res/sass/controls/_controls.scss */ +/* line 369, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob-l { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; @@ -2286,7 +2393,7 @@ label.checkbox.custom { -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; cursor: w-resize; } -/* line 322, ../../../../general/res/sass/controls/_controls.scss */ +/* line 373, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob-r { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; @@ -2295,7 +2402,7 @@ label.checkbox.custom { -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; cursor: e-resize; } -/* line 326, ../../../../general/res/sass/controls/_controls.scss */ +/* line 377, ../../../../general/res/sass/controls/_controls.scss */ .slider .range { -moz-transition-property: opacity, background-color, border-color, color; -o-transition-property: opacity, background-color, border-color, color; @@ -2322,12 +2429,12 @@ label.checkbox.custom { left: auto; height: auto; width: auto; } - /* line 337, ../../../../general/res/sass/controls/_controls.scss */ + /* line 388, ../../../../general/res/sass/controls/_controls.scss */ .slider .range:hover { background-color: rgba(0, 153, 204, 0.4); } /******************************************************** DATETIME PICKER */ -/* line 344, ../../../../general/res/sass/controls/_controls.scss */ +/* line 395, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker { -moz-user-select: -moz-none; -ms-user-select: none; @@ -2336,65 +2443,65 @@ label.checkbox.custom { font-size: 0.8rem; padding: 10px !important; width: 230px; } - /* line 350, ../../../../general/res/sass/controls/_controls.scss */ + /* line 401, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager { height: 15px; margin-bottom: 5px; position: relative; } - /* line 420, ../../../../general/res/sass/controls/_controls.scss */ + /* line 413, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager { width: 20px; } - /* line 423, ../../../../general/res/sass/controls/_controls.scss */ + /* line 416, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager.prev { right: auto; } - /* line 425, ../../../../general/res/sass/controls/_controls.scss */ + /* line 418, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager.prev:before { content: "\3c"; } - /* line 429, ../../../../general/res/sass/controls/_controls.scss */ + /* line 422, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager.next { left: auto; text-align: right; } - /* line 432, ../../../../general/res/sass/controls/_controls.scss */ + /* line 425, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager.next:before { content: "\3e"; } - /* line 437, ../../../../general/res/sass/controls/_controls.scss */ + /* line 430, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .val { text-align: center; left: 25px; right: 25px; } - /* line 443, ../../../../general/res/sass/controls/_controls.scss */ + /* line 436, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-calendar, .l-datetime-picker .l-time-selects { border-top: 1px solid rgba(102, 102, 102, 0.2); } - /* line 447, ../../../../general/res/sass/controls/_controls.scss */ + /* line 440, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-time-selects { line-height: 22px; } /******************************************************** CALENDAR */ -/* line 397, ../../../../general/res/sass/controls/_controls.scss */ +/* line 448, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row { display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; margin-top: 1px; } - /* line 459, ../../../../general/res/sass/controls/_controls.scss */ + /* line 452, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row:first-child { margin-top: 0; } - /* line 462, ../../../../general/res/sass/controls/_controls.scss */ + /* line 455, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row li { -webkit-flex: 1 0; flex: 1 0; margin-left: 1px; padding: 5px; text-align: center; } - /* line 468, ../../../../general/res/sass/controls/_controls.scss */ + /* line 461, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row li:first-child { margin-left: 0; } - /* line 472, ../../../../general/res/sass/controls/_controls.scss */ + /* line 465, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-header li { color: #999999; } - /* line 475, ../../../../general/res/sass/controls/_controls.scss */ + /* line 468, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li { -moz-transition-property: background-color; -o-transition-property: background-color; @@ -2413,31 +2520,31 @@ label.checkbox.custom { -webkit-transition-delay: 0; transition-delay: 0; cursor: pointer; } - /* line 478, ../../../../general/res/sass/controls/_controls.scss */ + /* line 471, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li.in-month { background-color: #f2f2f2; } - /* line 481, ../../../../general/res/sass/controls/_controls.scss */ + /* line 474, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li .sub { color: #999999; font-size: 0.8em; } - /* line 485, ../../../../general/res/sass/controls/_controls.scss */ + /* line 478, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li.selected { background: #1ac6ff; color: #fcfcfc; } - /* line 488, ../../../../general/res/sass/controls/_controls.scss */ + /* line 481, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li.selected .sub { color: inherit; } - /* line 492, ../../../../general/res/sass/controls/_controls.scss */ + /* line 485, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li:hover { background-color: #0099cc; color: #fff; } - /* line 495, ../../../../general/res/sass/controls/_controls.scss */ + /* line 488, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li:hover .sub { color: inherit; } /******************************************************** BROWSER ELEMENTS */ @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 448, ../../../../general/res/sass/controls/_controls.scss */ + /* line 499, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar { -moz-border-radius: 2px; -webkit-border-radius: 2px; @@ -2452,7 +2559,7 @@ label.checkbox.custom { height: 10px; width: 10px; } - /* line 457, ../../../../general/res/sass/controls/_controls.scss */ + /* line 508, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-thumb { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkN2Q3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2466,7 +2573,7 @@ label.checkbox.custom { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } - /* line 466, ../../../../general/res/sass/controls/_controls.scss */ + /* line 517, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-thumb:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2475,7 +2582,7 @@ label.checkbox.custom { background-image: -webkit-linear-gradient(#00ace6, #0099cc 20px); background-image: linear-gradient(#00ace6, #0099cc 20px); } - /* line 471, ../../../../general/res/sass/controls/_controls.scss */ + /* line 522, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-corner { background: rgba(0, 0, 0, 0.1); } } /***************************************************************************** @@ -3840,15 +3947,15 @@ textarea { /* line 29, ../../../../general/res/sass/forms/_datetime.scss */ .complex.datetime { /* - .field-hints, - .fields { - } - - - .field-hints { - - } - */ } + .field-hints, + .fields { + } + + + .field-hints { + + } + */ } /* line 30, ../../../../general/res/sass/forms/_datetime.scss */ .complex.datetime span { display: inline-block; @@ -4095,26 +4202,19 @@ span.req { * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/*.holder-all { - $myM: 0; // $interiorMarginSm; - top: $myM; - right: $myM; - bottom: $myM; - left: $myM; -}*/ -/* line 40, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 23, ../../../../general/res/sass/user-environ/_layout.scss */ .browse-area, .edit-area, .editor { position: absolute; } -/* line 46, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 29, ../../../../general/res/sass/user-environ/_layout.scss */ .editor { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } -/* line 50, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 33, ../../../../general/res/sass/user-environ/_layout.scss */ .contents { box-sizing: border-box; position: absolute; @@ -4122,21 +4222,21 @@ span.req { right: 0; bottom: 0; left: 0; } - /* line 58, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 41, ../../../../general/res/sass/user-environ/_layout.scss */ .contents.nomargin { right: 0px; bottom: 0px; left: 0px; } -/* line 67, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 50, ../../../../general/res/sass/user-environ/_layout.scss */ .bar .icon.major, .bar .major.t-item-icon { margin-right: 5px; } -/* line 70, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 53, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs, .bar.l-inspect, .l-datetime-picker .l-month-year-pager .bar.pager, .l-datetime-picker .l-month-year-pager .bar.val, .s-menu-btn span.bar.l-click-area { text-wrap: none; white-space: nowrap; } - /* line 73, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 56, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs.left, .bar.left.l-inspect, .l-datetime-picker .l-month-year-pager .bar.left.pager, .l-datetime-picker .l-month-year-pager .bar.left.val, .s-menu-btn span.bar.left.l-click-area, .bar.abs .left, @@ -4146,7 +4246,7 @@ span.req { .s-menu-btn span.bar.l-click-area .left { width: 45%; right: auto; } - /* line 78, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 61, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs.right, .bar.right.l-inspect, .l-datetime-picker .l-month-year-pager .bar.right.pager, .l-datetime-picker .l-month-year-pager .bar.right.val, .s-menu-btn span.bar.right.l-click-area, .bar.abs .right, @@ -4157,7 +4257,7 @@ span.req { width: 45%; left: auto; text-align: right; } - /* line 83, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 66, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs.right .icon.major, .bar.right.l-inspect .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.pager .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.val .icon.major, .s-menu-btn span.bar.right.l-click-area .icon.major, .bar.abs.right .major.t-item-icon, .bar.right.l-inspect .major.t-item-icon, .l-datetime-picker .l-month-year-pager .bar.right.pager .major.t-item-icon, .l-datetime-picker .l-month-year-pager .bar.right.val .major.t-item-icon, .s-menu-btn span.bar.right.l-click-area .major.t-item-icon, @@ -4172,7 +4272,7 @@ span.req { .l-datetime-picker .l-month-year-pager .bar.val .right .major.t-item-icon, .s-menu-btn span.bar.l-click-area .right .major.t-item-icon { margin-left: 15px; } - /* line 89, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 72, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs .l-flex .left, .bar.l-inspect .l-flex .left, .l-datetime-picker .l-month-year-pager .bar.pager .l-flex .left, .l-datetime-picker .l-month-year-pager .bar.val .l-flex .left, .s-menu-btn span.bar.l-click-area .l-flex .left, .bar.abs .l-flex .right, @@ -4188,34 +4288,34 @@ span.req { .s-menu-btn span.bar.l-flex.l-click-area .right { width: auto; } -/* line 98, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 81, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .browse-area, .user-environ .editor { top: 0; left: 0; right: 0; bottom: 25px; } -/* line 105, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 88, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .browse-area > .contents, .user-environ .edit-area > .contents { left: 0; right: 0; } -/* line 111, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 94, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .edit-area { top: 45px; left: 10px; right: 10px; bottom: 35px; } - /* line 117, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 100, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .edit-area .tool-bar { bottom: auto; height: 30px; line-height: 25px; } - /* line 122, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 105, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .edit-area .object-holder.work-area { top: 40px; overflow: auto; } -/* line 129, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 112, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar { overflow: hidden; position: absolute; @@ -4231,7 +4331,7 @@ span.req { background: #000; color: white; font-size: .7rem; } - /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 121, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .status-holder { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -4250,7 +4350,7 @@ span.req { right: 120px; text-transform: uppercase; z-index: 1; } - /* line 147, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 130, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .app-logo { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -4267,143 +4367,87 @@ span.req { left: auto; width: 105px; z-index: 2; } - /* line 154, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 137, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .app-logo.logo-openmctweb { background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; } -/* line 161, ../../../../general/res/sass/user-environ/_layout.scss */ -.cols { - overflow: hidden; - *zoom: 1; } - /* line 163, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols .col { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow: hidden; - *zoom: 1; - float: left; - margin-left: 1.5%; - padding-left: 5px; - position: relative; } - /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols .col:first-child { - margin-left: 0; - padding-left: 0; } - /* line 178, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-2 .col-1 { - min-width: 250px; - width: 48.5%; } - /* line 184, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-2-ff .col-100px { - width: 100px; } - /* line 191, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-6 .col-1 { - min-width: 83.33333px; - width: 15.16667%; } - /* line 197, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-16 .col-1 { - min-width: 31.25px; - width: 4.75%; } - /* line 200, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-16 .col-2 { - min-width: 62.5px; - width: 11%; } - /* line 203, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-16 .col-7 { - min-width: 218.75px; - width: 42.25%; } - /* line 209, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-32 .col-2 { - min-width: 31.25px; - width: 4.75%; } - /* line 212, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-32 .col-15 { - min-width: 234.375px; - width: 45.375%; } - /* line 216, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols .l-row { - overflow: hidden; - *zoom: 1; - padding: 5px 0; } - -/* line 226, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 148, ../../../../general/res/sass/user-environ/_layout.scss */ .browse-mode .split-layout .split-pane-component.pane.treeview.left { min-width: 150px; max-width: 800px; width: 25%; } -/* line 231, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 153, ../../../../general/res/sass/user-environ/_layout.scss */ .browse-mode .split-layout .split-pane-component.pane.t-inspect.right { min-width: 200px; max-width: 600px; width: 20%; } -/* line 243, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 165, ../../../../general/res/sass/user-environ/_layout.scss */ .edit-mode .split-layout .split-pane-component.pane.right { width: 15%; } - /* line 245, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 167, ../../../../general/res/sass/user-environ/_layout.scss */ .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom { min-height: 50px; height: 30%; } -/* line 253, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 175, ../../../../general/res/sass/user-environ/_layout.scss */ .pane { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; } - /* line 257, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 179, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .pane-header { text-transform: uppercase; height: 24px; line-height: 24px; margin-bottom: 5px; } - /* line 264, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 186, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .primary-pane { z-index: 2; } - /* line 282, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 204, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .search-holder { top: 34px; } - /* line 285, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .tree-holder { overflow: auto; top: 64px; } - /* line 291, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 213, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane { z-index: 5; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 291, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 213, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane { top: 10px; height: 24px; line-height: 24px; } - /* line 300, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 222, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane:after { opacity: 0; } - /* line 305, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 227, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.collapsed:before { opacity: 0; } - /* line 308, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 230, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.collapsed:after { opacity: 1; } - /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 234, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left { left: 0; -moz-transform: translateX(-33px); -ms-transform: translateX(-33px); -webkit-transform: translateX(-33px); transform: translateX(-33px); } - /* line 315, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 237, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after { content: '\6d'; } - /* line 318, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 240, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed { left: 0; -moz-transform: translateX(-15px); -ms-transform: translateX(-15px); -webkit-transform: translateX(-15px); transform: translateX(-15px); } - /* line 322, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 244, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -4421,16 +4465,16 @@ span.req { -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; } - /* line 326, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 248, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right { right: 10px; } - /* line 328, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 250, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after { content: '\e615'; } - /* line 331, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 253, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed { right: 5px; } } - /* line 340, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 262, ../../../../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, @@ -4444,7 +4488,7 @@ span.req { .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area { top: auto; } -/* line 348, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout { /* &.vertical { // Slides left and right @@ -4459,36 +4503,36 @@ span.req { } } }*/ } - /* line 351, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 273, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout.horizontal > .pane { margin-top: 5px; } - /* line 354, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 276, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout.horizontal > .pane:first-child { margin-top: 0; } - /* line 374, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 296, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-create-and-search { top: 10px; right: 0; bottom: 10px; left: 10px; } - /* line 381, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 303, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector { top: 0; right: 0; bottom: 0; left: 0; } - /* line 386, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 308, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector .holder-object { top: 10px; bottom: 10px; } - /* line 390, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector .holder-inspector-elements { top: 10px; bottom: 10px; left: 10px; right: 10px; } -/* line 400, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 322, ../../../../general/res/sass/user-environ/_layout.scss */ .object-holder { overflow: auto; position: absolute; @@ -4499,11 +4543,11 @@ span.req { width: auto; height: auto; top: 34px; } - /* line 293, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 326, ../../../../general/res/sass/user-environ/_layout.scss */ .object-holder.l-controls-visible.l-time-controller-visible { bottom: 88px; } -/* line 299, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 332, ../../../../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, @@ -4515,12 +4559,12 @@ span.req { line-height: 25px; vertical-align: top; } -/* line 426, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 345, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .view-switcher, .top-bar .view-switcher { margin-right: 20px; } -/* line 431, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 350, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar { overflow: visible; position: absolute; @@ -4536,55 +4580,34 @@ span.req { height: 24px; line-height: 24px; white-space: nowrap; } - /* line 439, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 358, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left { padding-right: 20px; } - /* line 441, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 360, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left .l-back { display: inline-block; float: left; margin-right: 10px; } -/* line 335, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 368, ../../../../general/res/sass/user-environ/_layout.scss */ .l-flex { display: flex; display: -webkit-flex; flex-flow: row nowrap; -webkit-flex-flow: row nowrap; } - /* line 452, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 371, ../../../../general/res/sass/user-environ/_layout.scss */ .l-flex .left { flex: 1 1 0; -webkit-flex: 1 1 0; padding-right: 10px; } -/* line 462, ../../../../general/res/sass/user-environ/_layout.scss */ -.pane-tree-hidden { - /*.holder-create-and-search { - @include trans-prop-nice((top, left), 250ms); - top: $ueTopBarH + $interiorMargin; - left: -1 * $bodyMargin !important; - .create-btn { - @include border-left-radius(0); - @include trans-prop-nice((width), 250ms); - width: $uePaneMiniTabW !important; - text-align: center !important; - padding: 0; - .title-label, - &:after { - display: none; - } - &:before { - font-size: 9px; - } - } - }*/ } - /* line 465, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane-tree-hidden .tree-holder, - .pane-tree-hidden .splitter-treeview, - .pane-tree-hidden .holder-create-and-search { - opacity: 0; } +/* line 384, ../../../../general/res/sass/user-environ/_layout.scss */ +.pane-tree-hidden .tree-holder, +.pane-tree-hidden .splitter-treeview, +.pane-tree-hidden .holder-create-and-search { + opacity: 0; } -/* line 494, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 394, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .tree-holder, .pane-tree-showing .splitter-treeview { -moz-transition-property: opacity; @@ -4604,7 +4627,7 @@ span.req { -webkit-transition-delay: 250ms; transition-delay: 250ms; opacity: 1; } -/* line 500, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 400, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .holder-create-and-search { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -4623,7 +4646,7 @@ span.req { -webkit-transition-delay: 200ms; transition-delay: 200ms; } -/* line 507, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 407, ../../../../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; @@ -4644,25 +4667,25 @@ span.req { transition-delay: 250ms; opacity: 1; } -/* line 516, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 416, ../../../../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 524, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 424, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .tree-holder { padding-right: 5px; } - /* line 528, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 428, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .pane.right.primary-pane { left: 20px !important; } - /* line 531, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 431, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .pane.left { right: 20px !important; } - /* line 534, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 434, ../../../../general/res/sass/user-environ/_layout.scss */ .pane:not(.resizing) { -moz-transition-property: width, left, right; -o-transition-property: width, left, right; @@ -5850,9 +5873,9 @@ ul.tree { *****************************************************************************/ /* line 22, ../../../../general/res/sass/user-environ/_top-bar.scss */ .top-bar { - /* .title { - color: #fff; - }*/ } + /* .title { + color: #fff; + }*/ } /* line 23, ../../../../general/res/sass/user-environ/_top-bar.scss */ .top-bar.browse, .top-bar.edit { border-bottom: 1px solid rgba(102, 102, 102, 0.2);