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

[Mobile] Grid List/Gestures

Browse Source 
Context menu only shown with contextmenu
click on desktops (non-mobile devices). Also
edited items list in a folder's representation
to show the icon on the left side, with text
centered horizontally (only mobile).
This commit is contained in:
Shivam Dave
2015-07-23 16:47:57 -07:00
parent 7993e4c03f
commit a89f9eed42
4 changed files with 86 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
platform/commonUI/general/res/sass/mobile/_item.scss
View File

@@ -33,13 +33,61 @@
$dHei: $ueBrowseGridItemLg/4;
width: $dWid;
height: $dHei;
.item-main {
.item-type {
// NOTE: [Mobile] Icon for the list/grid item inside folder
// display: none;
font-size: 30px;
line-height: $ueBrowseGridItemLg/5;
text-align: left;
}
.item-open {
// NOTE: [Mobile] Icon for the open item inside folder
display: none;
}
}
.title {
text-align: center;
}
.details {
text-align: center;
}
}
@include tablet {
$dWid: 100%;
$dHei: $ueBrowseGridItemLg/2;
$dHei: $ueBrowseGridItemLg/3;
width: $dWid;
height: $dHei;
.item-main {
.item-type {
// NOTE: [Mobile] Icon for the list/grid item inside folder
// display: none;
font-size: 30px;
line-height: $ueBrowseGridItemLg/4;
text-align: left;
}
.item-open {
// NOTE: [Mobile] Icon for the open item inside folder
display: none;
}
}
.title {
text-align: center;
}
.details {
text-align: center;
}
}
@include desktop {
@@ -48,12 +96,6 @@
width: $dWid;
height: $dHei;
}
.icon {
@include phoneandtablet {
display: none;
}
}
}
}
}