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

[Mobile] IN PROGRESS: Tweaks to labels;

Browse Source 
open #74
Cleaned up layout of bottom-bar;
Fixed class selector for ue-bottom-bar;
This commit is contained in:
Charles Hacskaylo
2015-08-24 16:31:38 -07:00
parent 76c4b96683
commit 69c6d4bd26
4 changed files with 18 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -234,12 +234,12 @@
/* line 79, ../sass/items/_item.scss */ /* line 79, ../sass/items/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { .items-holder .item.grid-item .bar.bottom-bar {
top: auto; top: auto;
height: 30px; } line-height: 110%; }
/* line 84, ../sass/items/_item.scss */ /* line 85, ../sass/items/_item.scss */
.items-holder .item.grid-item .item-main { .items-holder .item.grid-item .item-main {
line-height: 160px; line-height: 160px;
z-index: 1; } z-index: 1; }
/* line 90, ../sass/items/_item.scss */ /* line 91, ../sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type {
overflow: false; overflow: false;
position: absolute; position: absolute;
@@ -255,7 +255,7 @@
bottom: auto; bottom: auto;
height: 102px; height: 102px;
top: 30px; } top: 30px; }
/* line 102, ../sass/items/_item.scss */ /* line 103, ../sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-type .l-icon-link { .items-holder .item.grid-item .item-main .item-type .l-icon-link {
color: #49dedb; color: #49dedb;
height: auto; height: auto;
@@ -265,7 +265,7 @@
left: 0px; left: 0px;
bottom: 10px; bottom: 10px;
z-index: 2; } z-index: 2; }
/* line 115, ../sass/items/_item.scss */ /* line 116, ../sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
-moz-transition-property: "opacity"; -moz-transition-property: "opacity";
-o-transition-property: "opacity"; -o-transition-property: "opacity";
@@ -285,17 +285,17 @@
width: 50px; width: 50px;
pointer-events: none; pointer-events: none;
text-align: right; } text-align: right; }
/* line 127, ../sass/items/_item.scss */ /* line 128, ../sass/items/_item.scss */
.items-holder .item.grid-item .title { .items-holder .item.grid-item .title {
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
color: #cccccc; } color: #cccccc; }
/* line 132, ../sass/items/_item.scss */ /* line 133, ../sass/items/_item.scss */
.items-holder .item.grid-item .details { .items-holder .item.grid-item .details {
font-size: 0.8em; } font-size: 0.8em; }
/* line 135, ../sass/items/_item.scss */ /* line 136, ../sass/items/_item.scss */
.items-holder .item.grid-item.selected { .items-holder .item.grid-item.selected {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhYzJmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYjRmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhYzJmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYjRmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@@ -332,16 +332,16 @@
/* line 175, ../sass/_mixins.scss */ /* line 175, ../sass/_mixins.scss */
.items-holder .item.grid-item.selected.btn-menu .invoke-menu { .items-holder .item.grid-item.selected.btn-menu .invoke-menu {
color: #52d4ff; } color: #52d4ff; }
/* line 140, ../sass/items/_item.scss */ /* line 141, ../sass/items/_item.scss */
.items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert) { .items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert) {
color: #80dfff; } color: #80dfff; }
/* line 141, ../sass/items/_item.scss */ /* line 142, ../sass/items/_item.scss */
.items-holder .item.grid-item.selected .item-main .item-open { .items-holder .item.grid-item.selected .item-main .item-open {
color: #80dfff; } color: #80dfff; }
/* line 142, ../sass/items/_item.scss */ /* line 143, ../sass/items/_item.scss */
.items-holder .item.grid-item.selected .title { .items-holder .item.grid-item.selected .title {
color: white; } color: white; }
/* line 144, ../sass/items/_item.scss */ /* line 145, ../sass/items/_item.scss */
.items-holder .item.grid-item.selected:hover .item-main .item-type { .items-holder .item.grid-item.selected:hover .item-main .item-type {
color: white !important; } color: white !important; }

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

@@ -594,7 +594,7 @@ mct-container {
.user-environ .edit-area .work-area { .user-environ .edit-area .work-area {
top: 40px; } top: 40px; }
/* line 129, ../sass/user-environ/_layout.scss */ /* line 129, ../sass/user-environ/_layout.scss */
.user-environ .bottom-bar { .user-environ .ue-bottom-bar {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
top: 0; top: 0;
@@ -606,10 +606,10 @@ mct-container {
top: auto; top: auto;
height: 25px; } height: 25px; }
/* line 134, ../sass/user-environ/_layout.scss */ /* line 134, ../sass/user-environ/_layout.scss */
.user-environ .bottom-bar .status-holder { .user-environ .ue-bottom-bar .status-holder {
z-index: 1; } z-index: 1; }
/* line 138, ../sass/user-environ/_layout.scss */ /* line 138, ../sass/user-environ/_layout.scss */
.user-environ .bottom-bar .app-logo { .user-environ .ue-bottom-bar .app-logo {
left: auto; left: auto;
width: 105px; width: 105px;
z-index: 2; } z-index: 2; }

3
platform/commonUI/general/res/sass/items/_item.scss
View File

@@ -78,7 +78,8 @@
} }
&.bottom-bar { &.bottom-bar {
top: auto; top: auto;
height: $ueBrowseGridItemBottomBarH; //height: $ueBrowseGridItemBottomBarH;
line-height: 110%;
} }
} }
.item-main { .item-main {

2
platform/commonUI/general/res/sass/user-environ/_layout.scss
View File

@@ -126,7 +126,7 @@
} }
} }
.bottom-bar { .ue-bottom-bar {
//@include absPosDefault($bodyMargin); //@include absPosDefault($bodyMargin);
@include absPosDefault(0);// New status bar design @include absPosDefault(0);// New status bar design
top: auto; top: auto;