alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Frontend] Fixed mini-tab positioning algorithm

Browse Source 
open #90
This commit is contained in:
Charles Hacskaylo
2015-10-24 17:48:59 -07:00
parent 85809ae1e1
commit 99c977ce9d
5 changed files with 90 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3811,7 +3811,7 @@ span.req {
margin-bottom: 5px; }
/* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .primary-pane {
z-index: 5; }
z-index: 2; }
/* line 253, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder {
bottom: auto;
@@ -3830,7 +3830,7 @@ span.req {
top: 64px; }
/* line 271, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane {
z-index: 2; }
z-index: 5; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 277, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left {
@@ -3970,11 +3970,8 @@ span.req {
.pane-tree-hidden .pane.left.treeview,
.pane-tree-hidden .splitter-treeview {
opacity: 0; }
/* line 406, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.items {
left: 10px !important; }
/* line 413, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 410, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .pane.left.treeview,
.pane-tree-showing .splitter-treeview {
-moz-transition-property: opacity;
@@ -3995,7 +3992,7 @@ span.req {
transition-delay: 250ms;
opacity: 1; }
/* line 422, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 419, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-showing .l-object-and-inspector .pane.right,
.pane-inspect-showing .l-object-and-inspector .splitter-inspect {
-moz-transition-property: opacity;
@@ -4016,16 +4013,21 @@ span.req {
transition-delay: 250ms;
opacity: 1; }
/* line 431, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 428, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.right,
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; }
/* line 435, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 10px !important; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 442, ../../../../general/res/sass/user-environ/_layout.scss */
/* line 437, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right.primary-pane {
left: 10px !important; }
/* line 440, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 10px !important; }
/* line 443, ../../../../general/res/sass/user-environ/_layout.scss */
.pane:not(.resizing) {
-moz-transition-property: width, left, right;
-o-transition-property: width, left, right;
@@ -4141,38 +4143,39 @@ span.req {
left: 10px; }
/* line 99, ../../../../general/res/sass/mobile/_layout.scss */
.toggle-tree:after {
content: 'm' !important; }
content: 'm' !important;
font-family: symbolsfont; }
/* line 104, ../../../../general/res/sass/mobile/_layout.scss */
/* line 105, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar {
left: 30px !important; }
/* line 107, ../../../../general/res/sass/mobile/_layout.scss */
/* line 108, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .context-available {
opacity: 1 !important; }
/* line 110, ../../../../general/res/sass/mobile/_layout.scss */
/* line 111, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher {
margin-right: 0 !important; }
/* line 112, ../../../../general/res/sass/mobile/_layout.scss */
/* line 113, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher .title-label {
display: none; }
/* line 119, ../../../../general/res/sass/mobile/_layout.scss */
/* line 120, ../../../../general/res/sass/mobile/_layout.scss */
.tree-holder {
overflow-x: hidden !important; }
/* line 123, ../../../../general/res/sass/mobile/_layout.scss */
/* line 124, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-disable-select {
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none; }
/* line 128, ../../../../general/res/sass/mobile/_layout.scss */
/* line 129, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-hide,
.mobile-hide-important {
display: none !important; }
/* line 133, ../../../../general/res/sass/mobile/_layout.scss */
/* line 134, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-hide {
pointer-events: none;
-moz-transition-property: opacity;
@@ -4193,7 +4196,7 @@ span.req {
transition-delay: 0;
opacity: 0; }
/* line 138, ../../../../general/res/sass/mobile/_layout.scss */
/* line 139, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-unhide {
pointer-events: all;
-moz-transition-property: opacity;
@@ -4214,21 +4217,21 @@ span.req {
transition-delay: 0;
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) {
/* line 147, ../../../../general/res/sass/mobile/_layout.scss */
/* line 148, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.left.treeview {
width: 90% !important; }
/* line 150, ../../../../general/res/sass/mobile/_layout.scss */
/* line 151, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right.items {
left: 0 !important;
-moz-transform: translateX(90%);
-ms-transform: translateX(90%);
-webkit-transform: translateX(90%);
transform: translateX(90%); }
/* line 153, ../../../../general/res/sass/mobile/_layout.scss */
/* line 154, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right.items #content-area {
opacity: 0; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 161, ../../../../general/res/sass/mobile/_layout.scss */
/* line 162, ../../../../general/res/sass/mobile/_layout.scss */
.desktop-hide {
display: none; } }
/*****************************************************************************