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

[Mobile]

Browse Source 
Now does not display
the icon for the slide menu
on desktops.
This commit is contained in:
Dave 2015-07-09 11:16:41 -07:00
parent bd236e1cb1
commit 82c8d26264
3 changed files with 34 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
platform/commonUI/browse/res/templates/browse.html
View File

@ -42,7 +42,7 @@
</div> </div>
</div> </div>
</mct-split-pane> </mct-split-pane>
<div class="s-very-subtle key-properties button-hide ui-symbol" <div class="s-very-subtle key-properties button-hide ui-symbol mobile-menu-icon"
ng-click="treeSlide()">m</div> ng-click="treeSlide()">m</div>
</div> </div>
<mct-include key="'bottombar'"></mct-include> <mct-include key="'bottombar'"></mct-include>

44
platform/commonUI/general/res/css/theme-espresso.css
View File

@ -748,15 +748,7 @@ mct-container {
transition-duration: 0.2s; transition-duration: 0.2s;
left: -150px; } } left: -150px; } }
@media screen and (max-width: 514px) { @media screen and (max-width: 800px) {
/* line 37, ../sass/mobile/_layout.scss */
.holder-show {
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
left: 0px; } }
@media screen and (min-width: 515px) and (max-width: 800px) {
/* line 37, ../sass/mobile/_layout.scss */ /* line 37, ../sass/mobile/_layout.scss */
.holder-show { .holder-show {
-moz-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
@ -765,40 +757,52 @@ mct-container {
transition-duration: 0.2s; transition-duration: 0.2s;
left: 0px; } } left: 0px; } }
/* line 48, ../sass/mobile/_layout.scss */ /* line 44, ../sass/mobile/_layout.scss */
.button-hide { .button-hide {
position: absolute; } position: absolute;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s; }
@media screen and (max-width: 514px) { @media screen and (max-width: 514px) {
/* line 48, ../sass/mobile/_layout.scss */ /* line 44, ../sass/mobile/_layout.scss */
.button-hide { .button-hide {
left: 108px; } } left: 108px; } }
@media screen and (min-width: 515px) and (max-width: 800px) { @media screen and (min-width: 515px) and (max-width: 800px) {
/* line 48, ../sass/mobile/_layout.scss */ /* line 44, ../sass/mobile/_layout.scss */
.button-hide { .button-hide {
left: 150px; } } left: 150px; } }
/* line 59, ../sass/mobile/_layout.scss */ /* line 55, ../sass/mobile/_layout.scss */
.object-header-mobile { .object-header-mobile {
position: relative; } position: relative; }
@media screen and (max-width: 514px) { @media screen and (max-width: 514px) {
/* line 59, ../sass/mobile/_layout.scss */ /* line 55, ../sass/mobile/_layout.scss */
.object-header-mobile { .object-header-mobile {
left: 17px; } } left: 23px; } }
@media screen and (min-width: 515px) and (max-width: 800px) { @media screen and (min-width: 515px) and (max-width: 800px) {
/* line 59, ../sass/mobile/_layout.scss */ /* line 55, ../sass/mobile/_layout.scss */
.object-header-mobile { .object-header-mobile {
left: 15px; } } left: 15px; } }
/* line 65, ../sass/mobile/_layout.scss */
.mobile-menu-icon {
top: 5px; }
@media screen and (min-width: 801px) {
/* line 65, ../sass/mobile/_layout.scss */
.mobile-menu-icon {
display: none; } }
@media screen and (max-width: 514px) { @media screen and (max-width: 514px) {
/* line 69, ../sass/mobile/_layout.scss */ /* line 72, ../sass/mobile/_layout.scss */
.browse-manage { .browse-manage {
width: 100px; } } width: 100px; } }
@media screen and (min-width: 515px) and (max-width: 800px) { @media screen and (min-width: 515px) and (max-width: 800px) {
/* line 69, ../sass/mobile/_layout.scss */ /* line 72, ../sass/mobile/_layout.scss */
.browse-manage { .browse-manage {
width: 150px; } } width: 150px; } }
@media screen and (min-width: 801px) { @media screen and (min-width: 801px) {
/* line 69, ../sass/mobile/_layout.scss */ /* line 72, ../sass/mobile/_layout.scss */
.browse-manage { .browse-manage {
min-width: 150px; min-width: 150px;
max-width: 800px; max-width: 800px;

15
platform/commonUI/general/res/sass/mobile/_layout.scss
View File

@ -35,11 +35,7 @@
} }
.holder-show { .holder-show {
@include phone { @include phoneandtablet {
@include transition-duration(.2s);
left: 0px;
}
@include tablet {
@include transition-duration(.2s); @include transition-duration(.2s);
left: 0px; left: 0px;
} }
@ -47,7 +43,7 @@
.button-hide { .button-hide {
position: absolute; position: absolute;
// @include transition-duration(.2s); @include transition-duration(.2s);
@include phone { @include phone {
left: 108px; left: 108px;
} }
@ -66,6 +62,13 @@
} }
} }
.mobile-menu-icon {
top: $interiorMargin;
@include desktop {
display: none;
}
}
.browse-manage { .browse-manage {
@include phone { @include phone {
width: 100px; width: 100px;