[Frontend] Mobile and margin tweaks

open #90
Margin off of right scrollbar added for treeview
in desktop only;
Repositioned nav to parent arrow button in
object-browse-bar;
This commit is contained in:
Charles Hacskaylo 2015-10-30 17:22:41 -07:00
parent c913f173e3
commit fe8d9f6717
4 changed files with 117 additions and 149 deletions

View File

@ -42,19 +42,9 @@
} }
} }
/* .user-environ .browse-area,
.user-environ .edit-area,
.user-environ .editor {
top: 0; left: 0; right: 0; bottom: $ueFooterH;
}
.holder.holder-object-and-inspector,
.holder.holder-create-and-search { .holder.holder-create-and-search {
top: $bodyMargin !important;
right: $bodyMargin !important; right: $bodyMargin !important;
bottom: $bodyMargin !important; }
left: $bodyMargin !important;
}*/
// When the tree is hidden, these are the // When the tree is hidden, these are the
@ -111,7 +101,7 @@
.object-browse-bar { .object-browse-bar {
//@include test(); //@include test();
left: 30px !important; left: 45px !important;
.context-available { .context-available {
opacity: 1 !important; opacity: 1 !important;
} }

View File

@ -316,11 +316,6 @@
right: $interiorMargin; right: $interiorMargin;
} }
} }
/* &.toggle-search.anchor-left {
&:before {
content:"M"
}
}*/
} }
} }
@ -510,6 +505,9 @@
} }
@include desktop { @include desktop {
.pane.treeview.left .tree-holder {
padding-right: $interiorMargin;
}
.pane-tree-hidden { .pane-tree-hidden {
.pane.right.primary-pane { left: $ueCollapsedPaneEdgeM !important; } .pane.right.primary-pane { left: $ueCollapsedPaneEdgeM !important; }
} }

View File

@ -3909,12 +3909,7 @@ span.req {
.pane .mini-tab-icon.toggle-pane { .pane .mini-tab-icon.toggle-pane {
top: 10px; top: 10px;
height: 24px; height: 24px;
line-height: 24px; line-height: 24px; }
/* &.toggle-search.anchor-left {
&:before {
content:"M"
}
}*/ }
/* line 284, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 284, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane:after { .pane .mini-tab-icon.toggle-pane:after {
opacity: 0; } opacity: 0; }
@ -3968,7 +3963,7 @@ span.req {
/* line 315, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed { .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
right: 5px; } } right: 5px; } }
/* line 329, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 324, ../../../../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 .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, .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, .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,
@ -3982,7 +3977,7 @@ span.req {
.s-menu-btn .pane.items .object-browse-bar span.right.l-click-area { .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
top: auto; } top: auto; }
/* line 337, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 332, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout { .split-layout {
/* &.vertical { /* &.vertical {
// Slides left and right // Slides left and right
@ -3997,40 +3992,40 @@ span.req {
} }
} }
}*/ } }*/ }
/* line 340, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 335, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane { .split-layout.horizontal > .pane {
margin-top: 5px; } margin-top: 5px; }
/* line 343, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 338, ../../../../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 363, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 358, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-create-and-search { .split-layout .holder.holder-create-and-search {
top: 10px; top: 10px;
right: 0; right: 0;
bottom: 10px; bottom: 10px;
left: 10px; } left: 10px; }
/* line 370, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 365, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector { .split-layout .holder.holder-object-and-inspector {
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; } left: 0; }
/* line 375, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 370, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector .holder-object { .split-layout .holder.holder-object-and-inspector .holder-object {
top: 10px; top: 10px;
bottom: 10px; } bottom: 10px; }
/* line 379, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector .holder-inspector-elements { .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
top: 10px; top: 10px;
bottom: 10px; bottom: 10px;
left: 10px; left: 10px;
right: 10px; } right: 10px; }
/* line 389, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 384, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder { .object-holder {
overflow: hidden; overflow: hidden;
top: 34px; } top: 34px; }
/* line 392, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 387, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder > ng-include { .object-holder > ng-include {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
@ -4040,11 +4035,11 @@ span.req {
left: 0; left: 0;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 396, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 391, ../../../../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 402, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 397, ../../../../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,
@ -4056,12 +4051,12 @@ span.req {
line-height: 25px; line-height: 25px;
vertical-align: top; } vertical-align: top; }
/* line 415, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 410, ../../../../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 420, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 415, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar { .object-browse-bar {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
@ -4077,28 +4072,28 @@ span.req {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
white-space: nowrap; } white-space: nowrap; }
/* line 428, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 423, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left { .object-browse-bar .left {
padding-right: 20px; } padding-right: 20px; }
/* line 430, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 425, ../../../../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 438, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 433, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex { .l-flex {
display: flex; display: flex;
display: -webkit-flex; display: -webkit-flex;
flex-flow: row nowrap; flex-flow: row nowrap;
-webkit-flex-flow: row nowrap; } -webkit-flex-flow: row nowrap; }
/* line 441, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 436, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .left { .l-flex .left {
flex: 1 1 0; flex: 1 1 0;
-webkit-flex: 1 1 0; -webkit-flex: 1 1 0;
padding-right: 10px; } padding-right: 10px; }
/* line 451, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 446, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden { .pane-tree-hidden {
/*.holder-create-and-search { /*.holder-create-and-search {
@include trans-prop-nice((top, left), 250ms); @include trans-prop-nice((top, left), 250ms);
@ -4119,13 +4114,13 @@ span.req {
} }
} }
}*/ } }*/ }
/* line 454, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 449, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .tree-holder, .pane-tree-hidden .tree-holder,
.pane-tree-hidden .splitter-treeview, .pane-tree-hidden .splitter-treeview,
.pane-tree-hidden .holder-create-and-search { .pane-tree-hidden .holder-create-and-search {
opacity: 0; } opacity: 0; }
/* line 483, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 478, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .tree-holder, .pane-tree-showing .tree-holder,
.pane-tree-showing .splitter-treeview { .pane-tree-showing .splitter-treeview {
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -4145,7 +4140,7 @@ span.req {
-webkit-transition-delay: 250ms; -webkit-transition-delay: 250ms;
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 489, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 484, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .holder-create-and-search { .pane-tree-showing .holder-create-and-search {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -4164,7 +4159,7 @@ span.req {
-webkit-transition-delay: 200ms; -webkit-transition-delay: 200ms;
transition-delay: 200ms; } transition-delay: 200ms; }
/* line 496, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 491, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-showing .l-object-and-inspector .l-inspect, .pane-inspect-showing .l-object-and-inspector .l-inspect,
.pane-inspect-showing .l-object-and-inspector .splitter-inspect { .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -4185,21 +4180,25 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 505, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 500, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .l-inspect, .pane-inspect-hidden .l-object-and-inspector .l-inspect,
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect { .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; } 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) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 514, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 508, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .tree-holder {
padding-right: 5px; }
/* line 512, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.primary-pane { .pane-tree-hidden .pane.right.primary-pane {
left: 20px !important; } left: 20px !important; }
/* line 517, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 515, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.left { .pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 20px !important; } right: 20px !important; }
/* line 520, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 518, ../../../../general/res/sass/user-environ/_layout.scss */
.pane:not(.resizing) { .pane:not(.resizing) {
-moz-transition-property: width, left, right; -moz-transition-property: width, left, right;
-o-transition-property: width, left, right; -o-transition-property: width, left, right;
@ -4270,20 +4269,11 @@ span.req {
backface-visibility: hidden; backface-visibility: hidden;
opacity: 1; } opacity: 1; }
/* .user-environ .browse-area, /* line 45, ../../../../general/res/sass/mobile/_layout.scss */
.user-environ .edit-area,
.user-environ .editor {
top: 0; left: 0; right: 0; bottom: $ueFooterH;
}
.holder.holder-object-and-inspector,
.holder.holder-create-and-search { .holder.holder-create-and-search {
top: $bodyMargin !important; right: 10px !important; }
right: $bodyMargin !important;
bottom: $bodyMargin !important; /* line 56, ../../../../general/res/sass/mobile/_layout.scss */
left: $bodyMargin !important;
}*/
/* line 66, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-hidden .pane.left.treeview { .pane-tree-hidden .pane.left.treeview {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -4302,11 +4292,11 @@ span.req {
-webkit-transition-delay: 0; -webkit-transition-delay: 0;
transition-delay: 0; transition-delay: 0;
opacity: 0 !important; } opacity: 0 !important; }
/* line 74, ../../../../general/res/sass/mobile/_layout.scss */ /* line 64, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-hidden .pane.right.items { .pane-tree-hidden .pane.right.items {
left: 0 !important; } left: 0 !important; }
/* line 88, ../../../../general/res/sass/mobile/_layout.scss */ /* line 78, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.left.treeview { .pane-tree-showing .pane.left.treeview {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -4331,52 +4321,52 @@ span.req {
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
right: auto !important; right: auto !important;
width: 40% !important; } width: 40% !important; }
/* line 95, ../../../../general/res/sass/mobile/_layout.scss */ /* line 85, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right.items { .pane-tree-showing .pane.right.items {
left: 40% !important; } left: 40% !important; }
/* line 100, ../../../../general/res/sass/mobile/_layout.scss */ /* line 90, ../../../../general/res/sass/mobile/_layout.scss */
.toggle-tree { .toggle-tree {
color: #0099cc !important; color: #0099cc !important;
font-size: 110%; font-size: 110%;
position: absolute; position: absolute;
top: 12px; top: 12px;
left: 10px; } left: 10px; }
/* line 106, ../../../../general/res/sass/mobile/_layout.scss */ /* line 96, ../../../../general/res/sass/mobile/_layout.scss */
.toggle-tree:after { .toggle-tree:after {
content: 'm' !important; content: 'm' !important;
font-family: symbolsfont; } font-family: symbolsfont; }
/* line 112, ../../../../general/res/sass/mobile/_layout.scss */ /* line 102, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar { .object-browse-bar {
left: 30px !important; } left: 45px !important; }
/* line 115, ../../../../general/res/sass/mobile/_layout.scss */ /* line 105, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .context-available { .object-browse-bar .context-available {
opacity: 1 !important; } opacity: 1 !important; }
/* line 118, ../../../../general/res/sass/mobile/_layout.scss */ /* line 108, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher { .object-browse-bar .view-switcher {
margin-right: 0 !important; } margin-right: 0 !important; }
/* line 120, ../../../../general/res/sass/mobile/_layout.scss */ /* line 110, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher .title-label { .object-browse-bar .view-switcher .title-label {
display: none; } display: none; }
/* line 127, ../../../../general/res/sass/mobile/_layout.scss */ /* line 117, ../../../../general/res/sass/mobile/_layout.scss */
.tree-holder { .tree-holder {
overflow-x: hidden !important; } overflow-x: hidden !important; }
/* line 131, ../../../../general/res/sass/mobile/_layout.scss */ /* line 121, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-disable-select { .mobile-disable-select {
-moz-user-select: -moz-none; -moz-user-select: -moz-none;
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none; }
/* line 136, ../../../../general/res/sass/mobile/_layout.scss */ /* line 126, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-hide, .mobile-hide,
.mobile-hide-important { .mobile-hide-important {
display: none !important; } display: none !important; }
/* line 141, ../../../../general/res/sass/mobile/_layout.scss */ /* line 131, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-hide { .mobile-back-hide {
pointer-events: none; pointer-events: none;
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -4397,7 +4387,7 @@ span.req {
transition-delay: 0; transition-delay: 0;
opacity: 0; } opacity: 0; }
/* line 146, ../../../../general/res/sass/mobile/_layout.scss */ /* line 136, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-unhide { .mobile-back-unhide {
pointer-events: all; pointer-events: all;
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -4418,21 +4408,21 @@ span.req {
transition-delay: 0; transition-delay: 0;
opacity: 1; } } opacity: 1; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) { @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
/* line 155, ../../../../general/res/sass/mobile/_layout.scss */ /* line 145, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.left.treeview { .pane-tree-showing .pane.left.treeview {
width: 90% !important; } width: 90% !important; }
/* line 158, ../../../../general/res/sass/mobile/_layout.scss */ /* line 148, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right.items { .pane-tree-showing .pane.right.items {
left: 0 !important; left: 0 !important;
-moz-transform: translateX(90%); -moz-transform: translateX(90%);
-ms-transform: translateX(90%); -ms-transform: translateX(90%);
-webkit-transform: translateX(90%); -webkit-transform: translateX(90%);
transform: translateX(90%); } transform: translateX(90%); }
/* line 161, ../../../../general/res/sass/mobile/_layout.scss */ /* line 151, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right.items #content-area { .pane-tree-showing .pane.right.items #content-area {
opacity: 0; } } 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) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 169, ../../../../general/res/sass/mobile/_layout.scss */ /* line 159, ../../../../general/res/sass/mobile/_layout.scss */
.desktop-hide { .desktop-hide {
display: none; } } display: none; } }
/***************************************************************************** /*****************************************************************************

View File

@ -3831,12 +3831,7 @@ span.req {
.pane .mini-tab-icon.toggle-pane { .pane .mini-tab-icon.toggle-pane {
top: 10px; top: 10px;
height: 24px; height: 24px;
line-height: 24px; line-height: 24px; }
/* &.toggle-search.anchor-left {
&:before {
content:"M"
}
}*/ }
/* line 284, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 284, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane:after { .pane .mini-tab-icon.toggle-pane:after {
opacity: 0; } opacity: 0; }
@ -3890,7 +3885,7 @@ span.req {
/* line 315, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed { .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed {
right: 5px; } } right: 5px; } }
/* line 329, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 324, ../../../../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 .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, .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, .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,
@ -3904,7 +3899,7 @@ span.req {
.s-menu-btn .pane.items .object-browse-bar span.right.l-click-area { .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
top: auto; } top: auto; }
/* line 337, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 332, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout { .split-layout {
/* &.vertical { /* &.vertical {
// Slides left and right // Slides left and right
@ -3919,40 +3914,40 @@ span.req {
} }
} }
}*/ } }*/ }
/* line 340, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 335, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane { .split-layout.horizontal > .pane {
margin-top: 5px; } margin-top: 5px; }
/* line 343, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 338, ../../../../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 363, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 358, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-create-and-search { .split-layout .holder.holder-create-and-search {
top: 10px; top: 10px;
right: 0; right: 0;
bottom: 10px; bottom: 10px;
left: 10px; } left: 10px; }
/* line 370, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 365, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector { .split-layout .holder.holder-object-and-inspector {
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; } left: 0; }
/* line 375, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 370, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector .holder-object { .split-layout .holder.holder-object-and-inspector .holder-object {
top: 10px; top: 10px;
bottom: 10px; } bottom: 10px; }
/* line 379, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout .holder.holder-object-and-inspector .holder-inspector-elements { .split-layout .holder.holder-object-and-inspector .holder-inspector-elements {
top: 10px; top: 10px;
bottom: 10px; bottom: 10px;
left: 10px; left: 10px;
right: 10px; } right: 10px; }
/* line 389, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 384, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder { .object-holder {
overflow: hidden; overflow: hidden;
top: 34px; } top: 34px; }
/* line 392, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 387, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder > ng-include { .object-holder > ng-include {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
@ -3962,11 +3957,11 @@ span.req {
left: 0; left: 0;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 396, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 391, ../../../../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 402, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 397, ../../../../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,
@ -3978,12 +3973,12 @@ span.req {
line-height: 25px; line-height: 25px;
vertical-align: top; } vertical-align: top; }
/* line 415, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 410, ../../../../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 420, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 415, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar { .object-browse-bar {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
@ -3999,28 +3994,28 @@ span.req {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
white-space: nowrap; } white-space: nowrap; }
/* line 428, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 423, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left { .object-browse-bar .left {
padding-right: 20px; } padding-right: 20px; }
/* line 430, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 425, ../../../../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 438, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 433, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex { .l-flex {
display: flex; display: flex;
display: -webkit-flex; display: -webkit-flex;
flex-flow: row nowrap; flex-flow: row nowrap;
-webkit-flex-flow: row nowrap; } -webkit-flex-flow: row nowrap; }
/* line 441, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 436, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .left { .l-flex .left {
flex: 1 1 0; flex: 1 1 0;
-webkit-flex: 1 1 0; -webkit-flex: 1 1 0;
padding-right: 10px; } padding-right: 10px; }
/* line 451, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 446, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden { .pane-tree-hidden {
/*.holder-create-and-search { /*.holder-create-and-search {
@include trans-prop-nice((top, left), 250ms); @include trans-prop-nice((top, left), 250ms);
@ -4041,13 +4036,13 @@ span.req {
} }
} }
}*/ } }*/ }
/* line 454, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 449, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .tree-holder, .pane-tree-hidden .tree-holder,
.pane-tree-hidden .splitter-treeview, .pane-tree-hidden .splitter-treeview,
.pane-tree-hidden .holder-create-and-search { .pane-tree-hidden .holder-create-and-search {
opacity: 0; } opacity: 0; }
/* line 483, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 478, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .tree-holder, .pane-tree-showing .tree-holder,
.pane-tree-showing .splitter-treeview { .pane-tree-showing .splitter-treeview {
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -4067,7 +4062,7 @@ span.req {
-webkit-transition-delay: 250ms; -webkit-transition-delay: 250ms;
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 489, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 484, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .holder-create-and-search { .pane-tree-showing .holder-create-and-search {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -4086,7 +4081,7 @@ span.req {
-webkit-transition-delay: 200ms; -webkit-transition-delay: 200ms;
transition-delay: 200ms; } transition-delay: 200ms; }
/* line 496, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 491, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-showing .l-object-and-inspector .l-inspect, .pane-inspect-showing .l-object-and-inspector .l-inspect,
.pane-inspect-showing .l-object-and-inspector .splitter-inspect { .pane-inspect-showing .l-object-and-inspector .splitter-inspect {
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -4107,21 +4102,25 @@ span.req {
transition-delay: 250ms; transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 505, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 500, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .l-inspect, .pane-inspect-hidden .l-object-and-inspector .l-inspect,
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect { .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; } 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) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 514, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 508, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .tree-holder {
padding-right: 5px; }
/* line 512, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.primary-pane { .pane-tree-hidden .pane.right.primary-pane {
left: 20px !important; } left: 20px !important; }
/* line 517, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 515, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.left { .pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 20px !important; } right: 20px !important; }
/* line 520, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 518, ../../../../general/res/sass/user-environ/_layout.scss */
.pane:not(.resizing) { .pane:not(.resizing) {
-moz-transition-property: width, left, right; -moz-transition-property: width, left, right;
-o-transition-property: width, left, right; -o-transition-property: width, left, right;
@ -4192,20 +4191,11 @@ span.req {
backface-visibility: hidden; backface-visibility: hidden;
opacity: 1; } opacity: 1; }
/* .user-environ .browse-area, /* line 45, ../../../../general/res/sass/mobile/_layout.scss */
.user-environ .edit-area,
.user-environ .editor {
top: 0; left: 0; right: 0; bottom: $ueFooterH;
}
.holder.holder-object-and-inspector,
.holder.holder-create-and-search { .holder.holder-create-and-search {
top: $bodyMargin !important; right: 10px !important; }
right: $bodyMargin !important;
bottom: $bodyMargin !important; /* line 56, ../../../../general/res/sass/mobile/_layout.scss */
left: $bodyMargin !important;
}*/
/* line 66, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-hidden .pane.left.treeview { .pane-tree-hidden .pane.left.treeview {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -4224,11 +4214,11 @@ span.req {
-webkit-transition-delay: 0; -webkit-transition-delay: 0;
transition-delay: 0; transition-delay: 0;
opacity: 0 !important; } opacity: 0 !important; }
/* line 74, ../../../../general/res/sass/mobile/_layout.scss */ /* line 64, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-hidden .pane.right.items { .pane-tree-hidden .pane.right.items {
left: 0 !important; } left: 0 !important; }
/* line 88, ../../../../general/res/sass/mobile/_layout.scss */ /* line 78, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.left.treeview { .pane-tree-showing .pane.left.treeview {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -4253,52 +4243,52 @@ span.req {
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
right: auto !important; right: auto !important;
width: 40% !important; } width: 40% !important; }
/* line 95, ../../../../general/res/sass/mobile/_layout.scss */ /* line 85, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right.items { .pane-tree-showing .pane.right.items {
left: 40% !important; } left: 40% !important; }
/* line 100, ../../../../general/res/sass/mobile/_layout.scss */ /* line 90, ../../../../general/res/sass/mobile/_layout.scss */
.toggle-tree { .toggle-tree {
color: #0099cc !important; color: #0099cc !important;
font-size: 110%; font-size: 110%;
position: absolute; position: absolute;
top: 12px; top: 12px;
left: 10px; } left: 10px; }
/* line 106, ../../../../general/res/sass/mobile/_layout.scss */ /* line 96, ../../../../general/res/sass/mobile/_layout.scss */
.toggle-tree:after { .toggle-tree:after {
content: 'm' !important; content: 'm' !important;
font-family: symbolsfont; } font-family: symbolsfont; }
/* line 112, ../../../../general/res/sass/mobile/_layout.scss */ /* line 102, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar { .object-browse-bar {
left: 30px !important; } left: 45px !important; }
/* line 115, ../../../../general/res/sass/mobile/_layout.scss */ /* line 105, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .context-available { .object-browse-bar .context-available {
opacity: 1 !important; } opacity: 1 !important; }
/* line 118, ../../../../general/res/sass/mobile/_layout.scss */ /* line 108, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher { .object-browse-bar .view-switcher {
margin-right: 0 !important; } margin-right: 0 !important; }
/* line 120, ../../../../general/res/sass/mobile/_layout.scss */ /* line 110, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher .title-label { .object-browse-bar .view-switcher .title-label {
display: none; } display: none; }
/* line 127, ../../../../general/res/sass/mobile/_layout.scss */ /* line 117, ../../../../general/res/sass/mobile/_layout.scss */
.tree-holder { .tree-holder {
overflow-x: hidden !important; } overflow-x: hidden !important; }
/* line 131, ../../../../general/res/sass/mobile/_layout.scss */ /* line 121, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-disable-select { .mobile-disable-select {
-moz-user-select: -moz-none; -moz-user-select: -moz-none;
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none; }
/* line 136, ../../../../general/res/sass/mobile/_layout.scss */ /* line 126, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-hide, .mobile-hide,
.mobile-hide-important { .mobile-hide-important {
display: none !important; } display: none !important; }
/* line 141, ../../../../general/res/sass/mobile/_layout.scss */ /* line 131, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-hide { .mobile-back-hide {
pointer-events: none; pointer-events: none;
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -4319,7 +4309,7 @@ span.req {
transition-delay: 0; transition-delay: 0;
opacity: 0; } opacity: 0; }
/* line 146, ../../../../general/res/sass/mobile/_layout.scss */ /* line 136, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-unhide { .mobile-back-unhide {
pointer-events: all; pointer-events: all;
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -4340,21 +4330,21 @@ span.req {
transition-delay: 0; transition-delay: 0;
opacity: 1; } } opacity: 1; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) { @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
/* line 155, ../../../../general/res/sass/mobile/_layout.scss */ /* line 145, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.left.treeview { .pane-tree-showing .pane.left.treeview {
width: 90% !important; } width: 90% !important; }
/* line 158, ../../../../general/res/sass/mobile/_layout.scss */ /* line 148, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right.items { .pane-tree-showing .pane.right.items {
left: 0 !important; left: 0 !important;
-moz-transform: translateX(90%); -moz-transform: translateX(90%);
-ms-transform: translateX(90%); -ms-transform: translateX(90%);
-webkit-transform: translateX(90%); -webkit-transform: translateX(90%);
transform: translateX(90%); } transform: translateX(90%); }
/* line 161, ../../../../general/res/sass/mobile/_layout.scss */ /* line 151, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right.items #content-area { .pane-tree-showing .pane.right.items #content-area {
opacity: 0; } } 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) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 169, ../../../../general/res/sass/mobile/_layout.scss */ /* line 159, ../../../../general/res/sass/mobile/_layout.scss */
.desktop-hide { .desktop-hide {
display: none; } } display: none; } }
/***************************************************************************** /*****************************************************************************