ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-13 04:38:15 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Frontend] Styling for New Edit Mode

Browse Source 
open #198
Added Save and Cancel buttons;
Additional transition styling;
tool-bar styles refined;
This commit is contained in:
Charles Hacskaylo
2015-10-20 14:11:59 -07:00
parent 6e30a25a6f
commit 685dd2114d
6 changed files with 242 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
platform/commonUI/browse/res/templates/browse-object.html
View File

@ -20,12 +20,13 @@
at runtime from the About dialog for additional information. at runtime from the About dialog for additional information.
--> -->
<div ng-init=" <div ng-init="
editActive = false; editMode = false;
editBtns = [{ cssclass: 'save',title: 'Save Changes' },{ cssclass: 'cancel',title: 'Discard Changes' }];
"></div> "></div>
<a class="s-btn" <a class="s-btn"
style="opacity: 0.9; position:absolute; z-index: 100" style="opacity: 0.9; position:absolute; right: 250px; z-index: 100"
ng-class="{ major:!editActive }" ng-class="{ major:!editMode }"
ng-click="editActive = !editActive">Set activeEdit to {{!editActive}}</a> ng-click="editMode = !editMode">Set EditMode to {{!editMode}}</a>
<span ng-controller="BrowseObjectController"> <span ng-controller="BrowseObjectController">
<div class="object-browse-bar bar l-flex"> <div class="object-browse-bar bar l-flex">
<div class="items-select left"> <div class="items-select left">
@ -50,20 +51,29 @@
</div> </div>
<div class="l-object-wrapper" <div class="l-object-wrapper"
ng-class="{ active:editActive }"> ng-class="{ active:editMode, 'not-active':!editMode }">
<div class="l-object-wrapper-inner l-flex flex-col"> <div class="l-object-wrapper-inner l-flex flex-col">
<!-- Toolbar and Save/Cancel buttons --> <!-- Toolbar and Save/Cancel buttons -->
<div class="l-edit-controls flex-elem l-flex flex-row" <div class="l-edit-controls flex-elem l-flex flex-row"
ng-if="editActive"> ng-if="editMode">
<mct-toolbar name="mctToolbar" <mct-toolbar name="mctToolbar"
structure="toolbar.structure" structure="toolbar.structure"
ng-model="toolbar.state" ng-model="toolbar.state"
class="flex-elem grow"> class="flex-elem grow">
</mct-toolbar> </mct-toolbar>
<mct-representation key="'edit-action-buttons'" <!-- <mct-representation key="'edit-action-buttons'"
mct-object="domainObject" mct-object="domainObject"
class='flex-elem conclude-editing'> class='flex-elem conclude-editing'>
</mct-representation> </mct-representation>-->
<!-- from edit-action-buttons.html -->
<span>
<span ng-repeat="btn in editBtns">
<a class='s-btn t-{{btn.cssclass}}'
title='{{btn.title}}'
ng-click="currentAction.perform()"
ng-class="{ major: $index === 0 }"></a>
</span>
</span>
</div> </div>
<mct-representation key="representation.selected.key" <mct-representation key="representation.selected.key"

8
platform/commonUI/general/res/sass/controls/_buttons.scss
View File

@ -66,6 +66,14 @@ $pad: $interiorMargin * $baseRatio;
&.pause-play { &.pause-play {
} }
&.t-save:before {
content:'\e612';
font-family: symbolsfont;
}
&.t-cancel:before {
content:'\78';
font-family: symbolsfont;
}
&.pause-play { &.pause-play {
.icon:before { .icon:before {

14
platform/commonUI/general/res/sass/user-environ/_layout.scss
View File

@ -116,6 +116,7 @@
$tbH: $btnToolbarH + $interiorMargin; $tbH: $btnToolbarH + $interiorMargin;
top: $bodyMargin + $ueTopBarEditH + ($interiorMargin); top: $bodyMargin + $ueTopBarEditH + ($interiorMargin);
.tool-bar { .tool-bar {
border-bottom: 1px solid $colorInteriorBorder;
bottom: auto; bottom: auto;
height: $tbH; height: $tbH;
line-height: $btnToolbarH; line-height: $btnToolbarH;
@ -303,9 +304,8 @@
@extend .abs; @extend .abs;
top: $ueTopBarH + $interiorMarginLg; top: $ueTopBarH + $interiorMarginLg;
&.active { &.active {
@include pulseBorder($colorKey, 100ms, 6); @include pulseBorder($colorKey, 150ms, 6);
//@include pulse(250ms, 5); @include border-radius($controlCr);
@include border-radius($controlCr * 1.5);
border-color: $colorKey; border-color: $colorKey;
border-width:2px; border-width:2px;
border-style: dotted; border-style: dotted;
@ -318,7 +318,13 @@
.l-object-wrapper-inner { .l-object-wrapper-inner {
@extend .abs; @extend .abs;
@include display-flex(column nowrap); @include display-flex(column nowrap);
@include trans-prop-nice-resize(0.3s); @include trans-prop-nice-resize(0.5s);
}
.l-edit-controls {
border-bottom: 1px solid $colorInteriorBorder;
height: $ueEditToolBarH + $interiorMargin;
line-height: $ueEditToolBarH;
} }
.object-browse-bar .s-btn, .object-browse-bar .s-btn,

1
platform/commonUI/general/res/sass/user-environ/_tool-bar.scss
View File

@ -20,7 +20,6 @@
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
.tool-bar { .tool-bar {
border-bottom: 1px solid $colorInteriorBorder;
.l-control-group { .l-control-group {
height: $btnToolbarH; height: $btnToolbarH;
} }

172
platform/commonUI/themes/espresso/res/css/theme-espresso.css
View File

@ -1451,10 +1451,18 @@ mct-container {
/* line 285, ../../../../general/res/sass/_mixins.scss */ /* line 285, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon { .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon {
color: #33ccff; } } color: #33ccff; } }
/* line 71, ../../../../general/res/sass/controls/_buttons.scss */ /* line 69, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.t-save:before, .t-save.s-menu-btn:before {
content: '\e612';
font-family: symbolsfont; }
/* line 73, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.t-cancel:before, .t-cancel.s-menu-btn:before {
content: '\78';
font-family: symbolsfont; }
/* line 79, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play .icon:before, .pause-play.s-menu-btn .icon:before { .s-btn.pause-play .icon:before, .pause-play.s-menu-btn .icon:before {
content: "\0000F1"; } content: "\0000F1"; }
/* line 74, ../../../../general/res/sass/controls/_buttons.scss */ /* line 82, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused, .pause-play.paused.s-menu-btn { .s-btn.pause-play.paused, .pause-play.paused.s-menu-btn {
background-color: #c56f01; background-color: #c56f01;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -1493,7 +1501,7 @@ mct-container {
/* line 285, ../../../../general/res/sass/_mixins.scss */ /* line 285, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon { .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 76, ../../../../general/res/sass/controls/_buttons.scss */ /* line 84, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon {
-moz-animation-name: pulse; -moz-animation-name: pulse;
-webkit-animation-name: pulse; -webkit-animation-name: pulse;
@ -1510,23 +1518,23 @@ mct-container {
-moz-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; } animation-timing-function: ease-in-out; }
/* line 78, ../../../../general/res/sass/controls/_buttons.scss */ /* line 86, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu-btn .icon :before { .s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu-btn .icon :before {
content: "\0000EF"; } content: "\0000EF"; }
/* line 86, ../../../../general/res/sass/controls/_buttons.scss */ /* line 94, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before { .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before {
content: "\000039"; } content: "\000039"; }
/* line 92, ../../../../general/res/sass/controls/_buttons.scss */ /* line 100, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set { .l-btn-set {
font-size: 0; } font-size: 0; }
/* line 98, ../../../../general/res/sass/controls/_buttons.scss */ /* line 106, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .s-btn, .l-btn-set .s-menu-btn { .l-btn-set .s-btn, .l-btn-set .s-menu-btn {
-moz-border-radius: 0; -moz-border-radius: 0;
-webkit-border-radius: 0; -webkit-border-radius: 0;
border-radius: 0; border-radius: 0;
margin-left: 1px; } margin-left: 1px; }
/* line 104, ../../../../general/res/sass/controls/_buttons.scss */ /* line 112, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn { .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
-moz-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px;
@ -1535,7 +1543,7 @@ mct-container {
-webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
margin-left: 0; } margin-left: 0; }
/* line 111, ../../../../general/res/sass/controls/_buttons.scss */ /* line 119, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn { .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
-moz-border-radius-topright: 3px; -moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px;
@ -1544,7 +1552,7 @@ mct-container {
-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px; } border-bottom-right-radius: 3px; }
/* line 118, ../../../../general/res/sass/controls/_buttons.scss */ /* line 126, ../../../../general/res/sass/controls/_buttons.scss */
.paused:not(.s-btn):not(.s-menu-btn) { .paused:not(.s-btn):not(.s-menu-btn) {
border-color: #c56f01 !important; border-color: #c56f01 !important;
color: #c56f01 !important; } color: #c56f01 !important; }
@ -3440,13 +3448,14 @@ span.req {
top: 45px; } top: 45px; }
/* line 118, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 118, ../../../../general/res/sass/user-environ/_layout.scss */
.user-environ .edit-area .tool-bar { .user-environ .edit-area .tool-bar {
border-bottom: 1px solid rgba(153, 153, 153, 0.1);
bottom: auto; bottom: auto;
height: 30px; height: 30px;
line-height: 25px; } line-height: 25px; }
/* line 123, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 124, ../../../../general/res/sass/user-environ/_layout.scss */
.user-environ .edit-area .work-area { .user-environ .edit-area .work-area {
top: 40px; } top: 40px; }
/* line 128, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 129, ../../../../general/res/sass/user-environ/_layout.scss */
.user-environ .ue-bottom-bar { .user-environ .ue-bottom-bar {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
@ -3458,20 +3467,20 @@ span.req {
height: auto; height: auto;
top: auto; top: auto;
height: 25px; } height: 25px; }
/* line 133, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 134, ../../../../general/res/sass/user-environ/_layout.scss */
.user-environ .ue-bottom-bar .status-holder { .user-environ .ue-bottom-bar .status-holder {
z-index: 1; } z-index: 1; }
/* line 137, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
.user-environ .ue-bottom-bar .app-logo { .user-environ .ue-bottom-bar .app-logo {
left: auto; left: auto;
width: 105px; width: 105px;
z-index: 2; } z-index: 2; }
/* line 145, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 146, ../../../../general/res/sass/user-environ/_layout.scss */
.cols { .cols {
overflow: hidden; overflow: hidden;
*zoom: 1; } *zoom: 1; }
/* line 147, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 148, ../../../../general/res/sass/user-environ/_layout.scss */
.cols .col { .cols .col {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -3482,81 +3491,81 @@ span.req {
margin-left: 1.5%; margin-left: 1.5%;
padding-left: 5px; padding-left: 5px;
position: relative; } position: relative; }
/* line 155, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 156, ../../../../general/res/sass/user-environ/_layout.scss */
.cols .col:first-child { .cols .col:first-child {
margin-left: 0; margin-left: 0;
padding-left: 0; } padding-left: 0; }
/* line 162, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 163, ../../../../general/res/sass/user-environ/_layout.scss */
.cols.cols-2 .col-1 { .cols.cols-2 .col-1 {
min-width: 250px; min-width: 250px;
width: 48.5%; } width: 48.5%; }
/* line 168, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 169, ../../../../general/res/sass/user-environ/_layout.scss */
.cols.cols-2-ff .col-100px { .cols.cols-2-ff .col-100px {
width: 100px; } width: 100px; }
/* line 175, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 176, ../../../../general/res/sass/user-environ/_layout.scss */
.cols.cols-6 .col-1 { .cols.cols-6 .col-1 {
min-width: 83.33333px; min-width: 83.33333px;
width: 15.16667%; } width: 15.16667%; }
/* line 181, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 182, ../../../../general/res/sass/user-environ/_layout.scss */
.cols.cols-16 .col-1 { .cols.cols-16 .col-1 {
min-width: 31.25px; min-width: 31.25px;
width: 4.75%; } width: 4.75%; }
/* line 184, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 185, ../../../../general/res/sass/user-environ/_layout.scss */
.cols.cols-16 .col-2 { .cols.cols-16 .col-2 {
min-width: 62.5px; min-width: 62.5px;
width: 11%; } width: 11%; }
/* line 187, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 188, ../../../../general/res/sass/user-environ/_layout.scss */
.cols.cols-16 .col-7 { .cols.cols-16 .col-7 {
min-width: 218.75px; min-width: 218.75px;
width: 42.25%; } width: 42.25%; }
/* line 193, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 194, ../../../../general/res/sass/user-environ/_layout.scss */
.cols.cols-32 .col-2 { .cols.cols-32 .col-2 {
min-width: 31.25px; min-width: 31.25px;
width: 4.75%; } width: 4.75%; }
/* line 196, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 197, ../../../../general/res/sass/user-environ/_layout.scss */
.cols.cols-32 .col-15 { .cols.cols-32 .col-15 {
min-width: 234.375px; min-width: 234.375px;
width: 45.375%; } width: 45.375%; }
/* line 200, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 201, ../../../../general/res/sass/user-environ/_layout.scss */
.cols .l-row { .cols .l-row {
overflow: hidden; overflow: hidden;
*zoom: 1; *zoom: 1;
padding: 5px 0; } padding: 5px 0; }
/* line 208, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 209, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-mode .split-layout .split-pane-component.pane.left { .browse-mode .split-layout .split-pane-component.pane.left {
min-width: 150px; min-width: 150px;
max-width: 800px; max-width: 800px;
width: 25%; } width: 25%; }
/* line 218, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 219, ../../../../general/res/sass/user-environ/_layout.scss */
.edit-mode .split-layout .split-pane-component.pane.right { .edit-mode .split-layout .split-pane-component.pane.right {
width: 15%; } width: 15%; }
/* line 220, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 221, ../../../../general/res/sass/user-environ/_layout.scss */
.edit-mode .split-layout .split-pane-component.pane.right .pane.bottom { .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
min-height: 50px; min-height: 50px;
height: 30%; } height: 30%; }
/* line 228, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 229, ../../../../general/res/sass/user-environ/_layout.scss */
.pane { .pane {
position: absolute; } position: absolute; }
/* line 231, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 232, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder { .pane.treeview.left .create-btn-holder {
bottom: auto; bottom: auto;
top: 0; top: 0;
height: 24px; } height: 24px; }
/* line 235, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 236, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder .wrapper.menu-element { .pane.treeview.left .create-btn-holder .wrapper.menu-element {
position: absolute; position: absolute;
bottom: 5px; } bottom: 5px; }
/* line 240, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 241, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .search-holder { .pane.treeview.left .search-holder {
top: 34px; } top: 34px; }
/* line 243, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 244, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .tree-holder { .pane.treeview.left .tree-holder {
overflow: auto; overflow: auto;
top: 64px; } top: 64px; }
/* line 250, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 251, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.items .object-browse-bar .left.abs, .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 .left.abs, .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, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
.l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .left.l-object-wrapper, .pane.items .object-browse-bar .left.l-object-wrapper-inner, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .left.l-object-wrapper, .pane.items .object-browse-bar .left.l-object-wrapper-inner,
@ -3571,27 +3580,27 @@ span.req {
.pane.items .object-browse-bar .right.l-object-wrapper-inner { .pane.items .object-browse-bar .right.l-object-wrapper-inner {
top: auto; } top: auto; }
/* line 261, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 262, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane { .split-layout.horizontal > .pane {
margin-top: 5px; } margin-top: 5px; }
/* line 264, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 265, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane:first-child { .split-layout.horizontal > .pane:first-child {
margin-top: 0; } margin-top: 0; }
/* line 271, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane { .split-layout.vertical > .pane {
margin-left: 5px; } margin-left: 5px; }
/* line 274, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane > .holder { .split-layout.vertical > .pane > .holder {
left: 0; left: 0;
right: 0; } right: 0; }
/* line 278, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 279, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child { .split-layout.vertical > .pane:first-child {
margin-left: 0; } margin-left: 0; }
/* line 280, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 281, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child .holder { .split-layout.vertical > .pane:first-child .holder {
right: 3px; } right: 3px; }
/* line 289, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 290, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder { .object-holder {
-moz-transition-property: height, width, top, right, bottom, left; -moz-transition-property: height, width, top, right, bottom, left;
-o-transition-property: height, width, top, right, bottom, left; -o-transition-property: height, width, top, right, bottom, left;
@ -3606,7 +3615,7 @@ span.req {
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
overflow: hidden; } overflow: hidden; }
/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 293, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder > ng-include { .object-holder > ng-include {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
@ -3616,21 +3625,21 @@ span.req {
left: 0; left: 0;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 296, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 297, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder.l-controls-visible.l-time-controller-visible { .object-holder.l-controls-visible.l-time-controller-visible {
bottom: 88px; } bottom: 88px; }
/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 303, ../../../../general/res/sass/user-environ/_layout.scss */
.l-object-wrapper { .l-object-wrapper {
top: 34px; } top: 34px; }
/* line 305, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 306, ../../../../general/res/sass/user-environ/_layout.scss */
.l-object-wrapper.active { .l-object-wrapper.active {
-moz-animation-name: pulseBorder; -moz-animation-name: pulseBorder;
-webkit-animation-name: pulseBorder; -webkit-animation-name: pulseBorder;
animation-name: pulseBorder; animation-name: pulseBorder;
-moz-animation-duration: 100ms; -moz-animation-duration: 150ms;
-webkit-animation-duration: 100ms; -webkit-animation-duration: 150ms;
animation-duration: 100ms; animation-duration: 150ms;
-moz-animation-direction: alternate; -moz-animation-direction: alternate;
-webkit-animation-direction: alternate; -webkit-animation-direction: alternate;
animation-direction: alternate; animation-direction: alternate;
@ -3640,9 +3649,9 @@ span.req {
-moz-animation-timing-function: linear; -moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear; -webkit-animation-timing-function: linear;
animation-timing-function: linear; animation-timing-function: linear;
-moz-border-radius: 4.5px; -moz-border-radius: 3px;
-webkit-border-radius: 4.5px; -webkit-border-radius: 3px;
border-radius: 4.5px; border-radius: 3px;
border-color: #0099cc; border-color: #0099cc;
border-width: 2px; border-width: 2px;
border-style: dotted; } border-style: dotted; }
@ -3676,16 +3685,22 @@ span.req {
-o-transition-property: height, width, top, right, bottom, left; -o-transition-property: height, width, top, right, bottom, left;
-webkit-transition-property: height, width, top, right, bottom, left; -webkit-transition-property: height, width, top, right, bottom, left;
transition-property: height, width, top, right, bottom, left; transition-property: height, width, top, right, bottom, left;
-moz-transition-duration: 0.3s; -moz-transition-duration: 0.5s;
-o-transition-duration: 0.3s; -o-transition-duration: 0.5s;
-webkit-transition-duration: 0.3s; -webkit-transition-duration: 0.5s;
transition-duration: 0.3s; transition-duration: 0.5s;
-moz-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; } transition-timing-function: ease-in-out; }
/* line 324, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 324, ../../../../general/res/sass/user-environ/_layout.scss */
.l-edit-controls {
border-bottom: 1px solid rgba(153, 153, 153, 0.1);
height: 30px;
line-height: 25px; }
/* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .s-btn, .object-browse-bar .s-menu-btn, .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
.top-bar .buttons-main .s-btn, .top-bar .buttons-main .s-btn,
.top-bar .buttons-main .s-menu-btn, .top-bar .buttons-main .s-menu-btn,
@ -3697,12 +3712,12 @@ span.req {
line-height: 25px; line-height: 25px;
vertical-align: top; } vertical-align: top; }
/* line 337, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 343, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .view-switcher, .object-browse-bar .view-switcher,
.top-bar .view-switcher { .top-bar .view-switcher {
margin-right: 20px; } margin-right: 20px; }
/* line 342, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 348, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar { .object-browse-bar {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
@ -3718,49 +3733,49 @@ span.req {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
white-space: nowrap; } white-space: nowrap; }
/* line 350, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 356, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left { .object-browse-bar .left {
padding-right: 20px; } padding-right: 20px; }
/* line 352, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 358, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left .l-back { .object-browse-bar .left .l-back {
display: inline-block; display: inline-block;
float: left; float: left;
margin-right: 10px; } margin-right: 10px; }
/* line 360, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 366, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex { .l-flex {
display: -webkit-flex; display: -webkit-flex;
display: flex; } display: flex; }
/* line 362, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 368, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex.flex-row { .l-flex.flex-row {
-webkit-flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
flex-flow: row nowrap; } flex-flow: row nowrap; }
/* line 364, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 370, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex.flex-row .flex-elem { .l-flex.flex-row .flex-elem {
margin-left: 5px; } margin-left: 5px; }
/* line 366, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 372, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex.flex-row .flex-elem:first-child { .l-flex.flex-row .flex-elem:first-child {
margin-left: 0; } margin-left: 0; }
/* line 371, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex.flex-col { .l-flex.flex-col {
-webkit-flex-flow: column nowrap; -webkit-flex-flow: column nowrap;
flex-flow: column nowrap; } flex-flow: column nowrap; }
/* line 373, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 379, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex.flex-col .flex-elem { .l-flex.flex-col .flex-elem {
margin-top: 10px; } margin-top: 10px; }
/* line 375, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 381, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex.flex-col .flex-elem:first-child { .l-flex.flex-col .flex-elem:first-child {
margin-top: 0; } margin-top: 0; }
/* line 380, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 386, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .flex-elem { .l-flex .flex-elem {
-webkit-flex: 0 1; -webkit-flex: 0 1;
flex: 0 1; flex: 0 1;
position: relative; } position: relative; }
/* line 384, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 390, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .flex-elem.grow { .l-flex .flex-elem.grow {
-webkit-flex: 1 1; -webkit-flex: 1 1;
flex: 1 1; } flex: 1 1; }
/* line 388, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 394, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .left { .l-flex .left {
-webkit-flex: 1 1 0; -webkit-flex: 1 1 0;
flex: 1 1 0; flex: 1 1 0;
@ -4933,14 +4948,11 @@ ul.tree {
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 22, ../../../../general/res/sass/user-environ/_tool-bar.scss */ /* line 23, ../../../../general/res/sass/user-environ/_tool-bar.scss */
.tool-bar { .tool-bar .l-control-group {
border-bottom: 1px solid rgba(153, 153, 153, 0.1); }
/* line 24, ../../../../general/res/sass/user-environ/_tool-bar.scss */
.tool-bar .l-control-group {
height: 25px; } height: 25px; }
/* line 27, ../../../../general/res/sass/user-environ/_tool-bar.scss */ /* line 26, ../../../../general/res/sass/user-environ/_tool-bar.scss */
.tool-bar input[type="text"] { .tool-bar input[type="text"] {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
@ -4948,11 +4960,11 @@ ul.tree {
height: 25px; height: 25px;
margin-bottom: 1px; margin-bottom: 1px;
position: relative; } position: relative; }
/* line 33, ../../../../general/res/sass/user-environ/_tool-bar.scss */ /* line 32, ../../../../general/res/sass/user-environ/_tool-bar.scss */
.tool-bar input[type="text"].sm { .tool-bar input[type="text"].sm {
width: 25px; } width: 25px; }
/* line 37, ../../../../general/res/sass/user-environ/_tool-bar.scss */ /* line 36, ../../../../general/res/sass/user-environ/_tool-bar.scss */
.tool-bar .input-labeled label { .tool-bar .input-labeled label {
font-size: 11.25px; } font-size: 11.25px; }
/********************************* VIEWS */ /********************************* VIEWS */

172
platform/commonUI/themes/snow/res/css/theme-snow.css
View File

@ -1430,10 +1430,18 @@ mct-container {
/* line 285, ../../../../general/res/sass/_mixins.scss */ /* line 285, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon { .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 71, ../../../../general/res/sass/controls/_buttons.scss */ /* line 69, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.t-save:before, .t-save.s-menu-btn:before {
content: '\e612';
font-family: symbolsfont; }
/* line 73, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.t-cancel:before, .t-cancel.s-menu-btn:before {
content: '\78';
font-family: symbolsfont; }
/* line 79, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play .icon:before, .pause-play.s-menu-btn .icon:before { .s-btn.pause-play .icon:before, .pause-play.s-menu-btn .icon:before {
content: "\0000F1"; } content: "\0000F1"; }
/* line 74, ../../../../general/res/sass/controls/_buttons.scss */ /* line 82, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused, .pause-play.paused.s-menu-btn { .s-btn.pause-play.paused, .pause-play.paused.s-menu-btn {
background-color: #ff9900; background-color: #ff9900;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -1463,7 +1471,7 @@ mct-container {
/* line 285, ../../../../general/res/sass/_mixins.scss */ /* line 285, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon { .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 76, ../../../../general/res/sass/controls/_buttons.scss */ /* line 84, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon {
-moz-animation-name: pulse; -moz-animation-name: pulse;
-webkit-animation-name: pulse; -webkit-animation-name: pulse;
@ -1480,23 +1488,23 @@ mct-container {
-moz-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; } animation-timing-function: ease-in-out; }
/* line 78, ../../../../general/res/sass/controls/_buttons.scss */ /* line 86, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu-btn .icon :before { .s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu-btn .icon :before {
content: "\0000EF"; } content: "\0000EF"; }
/* line 86, ../../../../general/res/sass/controls/_buttons.scss */ /* line 94, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before { .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before {
content: "\000039"; } content: "\000039"; }
/* line 92, ../../../../general/res/sass/controls/_buttons.scss */ /* line 100, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set { .l-btn-set {
font-size: 0; } font-size: 0; }
/* line 98, ../../../../general/res/sass/controls/_buttons.scss */ /* line 106, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .s-btn, .l-btn-set .s-menu-btn { .l-btn-set .s-btn, .l-btn-set .s-menu-btn {
-moz-border-radius: 0; -moz-border-radius: 0;
-webkit-border-radius: 0; -webkit-border-radius: 0;
border-radius: 0; border-radius: 0;
margin-left: 1px; } margin-left: 1px; }
/* line 104, ../../../../general/res/sass/controls/_buttons.scss */ /* line 112, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn { .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
-moz-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px;
@ -1505,7 +1513,7 @@ mct-container {
-webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
margin-left: 0; } margin-left: 0; }
/* line 111, ../../../../general/res/sass/controls/_buttons.scss */ /* line 119, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn { .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
-moz-border-radius-topright: 4px; -moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px;
@ -1514,7 +1522,7 @@ mct-container {
-webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px; } border-bottom-right-radius: 4px; }
/* line 118, ../../../../general/res/sass/controls/_buttons.scss */ /* line 126, ../../../../general/res/sass/controls/_buttons.scss */
.paused:not(.s-btn):not(.s-menu-btn) { .paused:not(.s-btn):not(.s-menu-btn) {
border-color: #ff9900 !important; border-color: #ff9900 !important;
color: #ff9900 !important; } color: #ff9900 !important; }
@ -3387,13 +3395,14 @@ span.req {
top: 45px; } top: 45px; }
/* line 118, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 118, ../../../../general/res/sass/user-environ/_layout.scss */
.user-environ .edit-area .tool-bar { .user-environ .edit-area .tool-bar {
border-bottom: 1px solid rgba(102, 102, 102, 0.2);
bottom: auto; bottom: auto;
height: 30px; height: 30px;
line-height: 25px; } line-height: 25px; }
/* line 123, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 124, ../../../../general/res/sass/user-environ/_layout.scss */
.user-environ .edit-area .work-area { .user-environ .edit-area .work-area {
top: 40px; } top: 40px; }
/* line 128, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 129, ../../../../general/res/sass/user-environ/_layout.scss */
.user-environ .ue-bottom-bar { .user-environ .ue-bottom-bar {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
@ -3405,20 +3414,20 @@ span.req {
height: auto; height: auto;
top: auto; top: auto;
height: 25px; } height: 25px; }
/* line 133, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 134, ../../../../general/res/sass/user-environ/_layout.scss */
.user-environ .ue-bottom-bar .status-holder { .user-environ .ue-bottom-bar .status-holder {
z-index: 1; } z-index: 1; }
/* line 137, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
.user-environ .ue-bottom-bar .app-logo { .user-environ .ue-bottom-bar .app-logo {
left: auto; left: auto;
width: 105px; width: 105px;
z-index: 2; } z-index: 2; }
/* line 145, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 146, ../../../../general/res/sass/user-environ/_layout.scss */
.cols { .cols {
overflow: hidden; overflow: hidden;
*zoom: 1; } *zoom: 1; }
/* line 147, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 148, ../../../../general/res/sass/user-environ/_layout.scss */
.cols .col { .cols .col {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -3429,81 +3438,81 @@ span.req {
margin-left: 1.5%; margin-left: 1.5%;
padding-left: 5px; padding-left: 5px;
position: relative; } position: relative; }
/* line 155, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 156, ../../../../general/res/sass/user-environ/_layout.scss */
.cols .col:first-child { .cols .col:first-child {
margin-left: 0; margin-left: 0;
padding-left: 0; } padding-left: 0; }
/* line 162, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 163, ../../../../general/res/sass/user-environ/_layout.scss */
.cols.cols-2 .col-1 { .cols.cols-2 .col-1 {
min-width: 250px; min-width: 250px;
width: 48.5%; } width: 48.5%; }
/* line 168, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 169, ../../../../general/res/sass/user-environ/_layout.scss */
.cols.cols-2-ff .col-100px { .cols.cols-2-ff .col-100px {
width: 100px; } width: 100px; }
/* line 175, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 176, ../../../../general/res/sass/user-environ/_layout.scss */
.cols.cols-6 .col-1 { .cols.cols-6 .col-1 {
min-width: 83.33333px; min-width: 83.33333px;
width: 15.16667%; } width: 15.16667%; }
/* line 181, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 182, ../../../../general/res/sass/user-environ/_layout.scss */
.cols.cols-16 .col-1 { .cols.cols-16 .col-1 {
min-width: 31.25px; min-width: 31.25px;
width: 4.75%; } width: 4.75%; }
/* line 184, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 185, ../../../../general/res/sass/user-environ/_layout.scss */
.cols.cols-16 .col-2 { .cols.cols-16 .col-2 {
min-width: 62.5px; min-width: 62.5px;
width: 11%; } width: 11%; }
/* line 187, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 188, ../../../../general/res/sass/user-environ/_layout.scss */
.cols.cols-16 .col-7 { .cols.cols-16 .col-7 {
min-width: 218.75px; min-width: 218.75px;
width: 42.25%; } width: 42.25%; }
/* line 193, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 194, ../../../../general/res/sass/user-environ/_layout.scss */
.cols.cols-32 .col-2 { .cols.cols-32 .col-2 {
min-width: 31.25px; min-width: 31.25px;
width: 4.75%; } width: 4.75%; }
/* line 196, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 197, ../../../../general/res/sass/user-environ/_layout.scss */
.cols.cols-32 .col-15 { .cols.cols-32 .col-15 {
min-width: 234.375px; min-width: 234.375px;
width: 45.375%; } width: 45.375%; }
/* line 200, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 201, ../../../../general/res/sass/user-environ/_layout.scss */
.cols .l-row { .cols .l-row {
overflow: hidden; overflow: hidden;
*zoom: 1; *zoom: 1;
padding: 5px 0; } padding: 5px 0; }
/* line 208, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 209, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-mode .split-layout .split-pane-component.pane.left { .browse-mode .split-layout .split-pane-component.pane.left {
min-width: 150px; min-width: 150px;
max-width: 800px; max-width: 800px;
width: 25%; } width: 25%; }
/* line 218, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 219, ../../../../general/res/sass/user-environ/_layout.scss */
.edit-mode .split-layout .split-pane-component.pane.right { .edit-mode .split-layout .split-pane-component.pane.right {
width: 15%; } width: 15%; }
/* line 220, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 221, ../../../../general/res/sass/user-environ/_layout.scss */
.edit-mode .split-layout .split-pane-component.pane.right .pane.bottom { .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
min-height: 50px; min-height: 50px;
height: 30%; } height: 30%; }
/* line 228, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 229, ../../../../general/res/sass/user-environ/_layout.scss */
.pane { .pane {
position: absolute; } position: absolute; }
/* line 231, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 232, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder { .pane.treeview.left .create-btn-holder {
bottom: auto; bottom: auto;
top: 0; top: 0;
height: 24px; } height: 24px; }
/* line 235, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 236, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder .wrapper.menu-element { .pane.treeview.left .create-btn-holder .wrapper.menu-element {
position: absolute; position: absolute;
bottom: 5px; } bottom: 5px; }
/* line 240, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 241, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .search-holder { .pane.treeview.left .search-holder {
top: 34px; } top: 34px; }
/* line 243, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 244, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .tree-holder { .pane.treeview.left .tree-holder {
overflow: auto; overflow: auto;
top: 64px; } top: 64px; }
/* line 250, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 251, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.items .object-browse-bar .left.abs, .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 .left.abs, .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, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
.l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .left.l-object-wrapper, .pane.items .object-browse-bar .left.l-object-wrapper-inner, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .left.l-object-wrapper, .pane.items .object-browse-bar .left.l-object-wrapper-inner,
@ -3518,27 +3527,27 @@ span.req {
.pane.items .object-browse-bar .right.l-object-wrapper-inner { .pane.items .object-browse-bar .right.l-object-wrapper-inner {
top: auto; } top: auto; }
/* line 261, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 262, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane { .split-layout.horizontal > .pane {
margin-top: 5px; } margin-top: 5px; }
/* line 264, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 265, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane:first-child { .split-layout.horizontal > .pane:first-child {
margin-top: 0; } margin-top: 0; }
/* line 271, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane { .split-layout.vertical > .pane {
margin-left: 5px; } margin-left: 5px; }
/* line 274, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane > .holder { .split-layout.vertical > .pane > .holder {
left: 0; left: 0;
right: 0; } right: 0; }
/* line 278, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 279, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child { .split-layout.vertical > .pane:first-child {
margin-left: 0; } margin-left: 0; }
/* line 280, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 281, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child .holder { .split-layout.vertical > .pane:first-child .holder {
right: 3px; } right: 3px; }
/* line 289, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 290, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder { .object-holder {
-moz-transition-property: height, width, top, right, bottom, left; -moz-transition-property: height, width, top, right, bottom, left;
-o-transition-property: height, width, top, right, bottom, left; -o-transition-property: height, width, top, right, bottom, left;
@ -3553,7 +3562,7 @@ span.req {
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
overflow: hidden; } overflow: hidden; }
/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 293, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder > ng-include { .object-holder > ng-include {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
@ -3563,21 +3572,21 @@ span.req {
left: 0; left: 0;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 296, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 297, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder.l-controls-visible.l-time-controller-visible { .object-holder.l-controls-visible.l-time-controller-visible {
bottom: 88px; } bottom: 88px; }
/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 303, ../../../../general/res/sass/user-environ/_layout.scss */
.l-object-wrapper { .l-object-wrapper {
top: 34px; } top: 34px; }
/* line 305, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 306, ../../../../general/res/sass/user-environ/_layout.scss */
.l-object-wrapper.active { .l-object-wrapper.active {
-moz-animation-name: pulseBorder; -moz-animation-name: pulseBorder;
-webkit-animation-name: pulseBorder; -webkit-animation-name: pulseBorder;
animation-name: pulseBorder; animation-name: pulseBorder;
-moz-animation-duration: 100ms; -moz-animation-duration: 150ms;
-webkit-animation-duration: 100ms; -webkit-animation-duration: 150ms;
animation-duration: 100ms; animation-duration: 150ms;
-moz-animation-direction: alternate; -moz-animation-direction: alternate;
-webkit-animation-direction: alternate; -webkit-animation-direction: alternate;
animation-direction: alternate; animation-direction: alternate;
@ -3587,9 +3596,9 @@ span.req {
-moz-animation-timing-function: linear; -moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear; -webkit-animation-timing-function: linear;
animation-timing-function: linear; animation-timing-function: linear;
-moz-border-radius: 6px; -moz-border-radius: 4px;
-webkit-border-radius: 6px; -webkit-border-radius: 4px;
border-radius: 6px; border-radius: 4px;
border-color: #0099cc; border-color: #0099cc;
border-width: 2px; border-width: 2px;
border-style: dotted; } border-style: dotted; }
@ -3623,16 +3632,22 @@ span.req {
-o-transition-property: height, width, top, right, bottom, left; -o-transition-property: height, width, top, right, bottom, left;
-webkit-transition-property: height, width, top, right, bottom, left; -webkit-transition-property: height, width, top, right, bottom, left;
transition-property: height, width, top, right, bottom, left; transition-property: height, width, top, right, bottom, left;
-moz-transition-duration: 0.3s; -moz-transition-duration: 0.5s;
-o-transition-duration: 0.3s; -o-transition-duration: 0.5s;
-webkit-transition-duration: 0.3s; -webkit-transition-duration: 0.5s;
transition-duration: 0.3s; transition-duration: 0.5s;
-moz-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; } transition-timing-function: ease-in-out; }
/* line 324, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 324, ../../../../general/res/sass/user-environ/_layout.scss */
.l-edit-controls {
border-bottom: 1px solid rgba(102, 102, 102, 0.2);
height: 30px;
line-height: 25px; }
/* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .s-btn, .object-browse-bar .s-menu-btn, .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
.top-bar .buttons-main .s-btn, .top-bar .buttons-main .s-btn,
.top-bar .buttons-main .s-menu-btn, .top-bar .buttons-main .s-menu-btn,
@ -3644,12 +3659,12 @@ span.req {
line-height: 25px; line-height: 25px;
vertical-align: top; } vertical-align: top; }
/* line 337, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 343, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .view-switcher, .object-browse-bar .view-switcher,
.top-bar .view-switcher { .top-bar .view-switcher {
margin-right: 20px; } margin-right: 20px; }
/* line 342, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 348, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar { .object-browse-bar {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
@ -3665,49 +3680,49 @@ span.req {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
white-space: nowrap; } white-space: nowrap; }
/* line 350, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 356, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left { .object-browse-bar .left {
padding-right: 20px; } padding-right: 20px; }
/* line 352, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 358, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left .l-back { .object-browse-bar .left .l-back {
display: inline-block; display: inline-block;
float: left; float: left;
margin-right: 10px; } margin-right: 10px; }
/* line 360, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 366, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex { .l-flex {
display: -webkit-flex; display: -webkit-flex;
display: flex; } display: flex; }
/* line 362, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 368, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex.flex-row { .l-flex.flex-row {
-webkit-flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
flex-flow: row nowrap; } flex-flow: row nowrap; }
/* line 364, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 370, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex.flex-row .flex-elem { .l-flex.flex-row .flex-elem {
margin-left: 5px; } margin-left: 5px; }
/* line 366, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 372, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex.flex-row .flex-elem:first-child { .l-flex.flex-row .flex-elem:first-child {
margin-left: 0; } margin-left: 0; }
/* line 371, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex.flex-col { .l-flex.flex-col {
-webkit-flex-flow: column nowrap; -webkit-flex-flow: column nowrap;
flex-flow: column nowrap; } flex-flow: column nowrap; }
/* line 373, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 379, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex.flex-col .flex-elem { .l-flex.flex-col .flex-elem {
margin-top: 10px; } margin-top: 10px; }
/* line 375, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 381, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex.flex-col .flex-elem:first-child { .l-flex.flex-col .flex-elem:first-child {
margin-top: 0; } margin-top: 0; }
/* line 380, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 386, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .flex-elem { .l-flex .flex-elem {
-webkit-flex: 0 1; -webkit-flex: 0 1;
flex: 0 1; flex: 0 1;
position: relative; } position: relative; }
/* line 384, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 390, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .flex-elem.grow { .l-flex .flex-elem.grow {
-webkit-flex: 1 1; -webkit-flex: 1 1;
flex: 1 1; } flex: 1 1; }
/* line 388, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 394, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .left { .l-flex .left {
-webkit-flex: 1 1 0; -webkit-flex: 1 1 0;
flex: 1 1 0; flex: 1 1 0;
@ -4861,14 +4876,11 @@ ul.tree {
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 22, ../../../../general/res/sass/user-environ/_tool-bar.scss */ /* line 23, ../../../../general/res/sass/user-environ/_tool-bar.scss */
.tool-bar { .tool-bar .l-control-group {
border-bottom: 1px solid rgba(102, 102, 102, 0.2); }
/* line 24, ../../../../general/res/sass/user-environ/_tool-bar.scss */
.tool-bar .l-control-group {
height: 25px; } height: 25px; }
/* line 27, ../../../../general/res/sass/user-environ/_tool-bar.scss */ /* line 26, ../../../../general/res/sass/user-environ/_tool-bar.scss */
.tool-bar input[type="text"] { .tool-bar input[type="text"] {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
@ -4876,11 +4888,11 @@ ul.tree {
height: 25px; height: 25px;
margin-bottom: 1px; margin-bottom: 1px;
position: relative; } position: relative; }
/* line 33, ../../../../general/res/sass/user-environ/_tool-bar.scss */ /* line 32, ../../../../general/res/sass/user-environ/_tool-bar.scss */
.tool-bar input[type="text"].sm { .tool-bar input[type="text"].sm {
width: 25px; } width: 25px; }
/* line 37, ../../../../general/res/sass/user-environ/_tool-bar.scss */ /* line 36, ../../../../general/res/sass/user-environ/_tool-bar.scss */
.tool-bar .input-labeled label { .tool-bar .input-labeled label {
font-size: 11.25px; } font-size: 11.25px; }
/********************************* VIEWS */ /********************************* VIEWS */