ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-20 13:43:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Mobile] Representation

Browse Source 
Edited grid item to center
shared button.
This commit is contained in:
Shivam Dave 2015-08-06 14:11:59 -07:00
parent dcd7d61c9a
commit 7ca15a9de2
3 changed files with 22 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
platform/commonUI/browse/res/templates/items/grid-item.html
View File

@ -26,7 +26,7 @@
<div class='left abs'>
<mct-include key="_checkbox"></mct-include>
</div>
<div class='right abs'>
<div class='right abs mobile-right'>
<div class='ui-symbol icon alert hidden' onclick="alert('Not yet functional. When this is visible, it means that this object needs to be updated. Clicking will allow that action via a dialog.');">!</div>
<div class='ui-symbol icon profile' title="Shared">P</div>
</div>
@ -44,7 +44,7 @@
</div>
</div>
</div>
<div class="contents abs mobile-info">
<div class="contents abs mobile-info desktop-hide">
<mct-representation class="contents abs btn s-very-subtle desktop-hide" key="'info-button'" mct-object="domainObject"></mct-representation>
</div>
</div>

20
platform/commonUI/general/res/css/items.css
View File

@ -402,16 +402,19 @@
width: 100%;
height: 50px; }
/* line 74, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .mobile-right {
top: 100%; }
/* line 77, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .mobile-info {
line-height: 25px; }
/* line 78, ../sass/mobile/_item.scss */
/* line 81, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-type {
line-height: 40px; }
/* line 82, ../sass/mobile/_item.scss */
/* line 85, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .title {
margin-right: 10px;
line-height: 25px; }
/* line 86, ../sass/mobile/_item.scss */
/* line 89, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .details {
margin-right: 10px;
line-height: 0px; } }
@ -420,18 +423,21 @@
.items-holder .item.grid-item {
width: 100%;
height: 66.66667px; }
/* line 96, ../sass/mobile/_item.scss */
/* line 99, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .mobile-right {
top: 100%; }
/* line 103, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .mobile-info {
line-height: 38px; }
/* line 100, ../sass/mobile/_item.scss */
/* line 107, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-type {
font-size: 30px;
line-height: 50px; }
/* line 105, ../sass/mobile/_item.scss */
/* line 112, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .title {
margin-right: 10px;
line-height: 38px; }
/* line 109, ../sass/mobile/_item.scss */
/* line 116, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .details {
margin-right: 10px;
line-height: 0px; } }

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

@ -71,6 +71,9 @@
$dHei: $phone-itemHeight;
width: $dWid;
height: $dHei;
.mobile-right {
top: 100%;
}
.mobile-info {
line-height: $phone-itemHeight * .5;
}
@ -93,6 +96,10 @@
$dHei: $tablet-itemHeight;
width: $dWid;
height: $dHei;
.mobile-right {
top: 100%;
}
.mobile-info {
line-height: $tablet-itemHeight * .57;
}