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

[Mobile] Menu Slide

Browse Source 
Menu slides, but not transition
css slides out on click. Currently
uses document, which needs to be
replaced with angular version using
 and/or  and/or
ng-class and/or ng-click.
This commit is contained in:
Dave
2015-07-08 14:27:59 -07:00
parent 342be0822f
commit 07ef4dfe8a
8 changed files with 84 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -731,16 +731,26 @@ mct-container {
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
@media screen and (max-width: 800px) {
/* line 26, ../sass/mobile/_layout.scss */
.holder-hide {
left: -150px; } }
@media screen and (max-width: 800px) {
/* line 32, ../sass/mobile/_layout.scss */
.holder-show {
left: -150px; } }
@media screen and (max-width: 514px) {
/* line 31, ../sass/mobile/_layout.scss */
/* line 38, ../sass/mobile/_layout.scss */
.browse-manage {
width: 100px; } }
@media screen and (min-width: 515px) and (max-width: 800px) {
/* line 31, ../sass/mobile/_layout.scss */
/* line 38, ../sass/mobile/_layout.scss */
.browse-manage {
width: 150px; } }
@media screen and (min-width: 801px) {
/* line 31, ../sass/mobile/_layout.scss */
/* line 38, ../sass/mobile/_layout.scss */
.browse-manage {
min-width: 150px;
max-width: 800px;

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

@@ -22,11 +22,18 @@
// style="min-width: 150px; max-width: 800px; width: 25%;"
// NOTE: Added to adjust the browse folder tree list view
//.hider-check {
// @include phoneandtablet {
//
// }
//}
.holder-hide {
@include phoneandtablet {
left: -150px;
}
}
.holder-show {
@include phoneandtablet {
left: 0px;
}
}
.browse-manage {
@include phone {