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

Review and integrate mobile-2008 (#2040)

Browse Source 
Fixes #2008
* Viewport metatag updated
* Fix to Time Conductor for Safari
* Remove data visualization element in TC
* Hide TC ticks when on mobile
* Add touch functionality to mct-drag
* Reduced size of image thumbnails; Changed min-heights of image and thumbnail
holders for .mobile.phone
* remove create dialog from mobile
This commit is contained in:
Charles Hacskaylo
2018-05-25 11:19:27 -07:00
committed by Andrew Henry
parent e19ce4ac8c
commit c909831dd4
16 changed files with 305 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
platform/features/conductor/core/res/sass/_time-conductor-base.scss
View File

@@ -145,14 +145,14 @@
margin-right: $interiorMarginSm;
}
&.start-w {
@include background-image(linear-gradient(270deg, transparent, $wBgColor $ticksBlockerFadeW));
@include background-image(linear-gradient(270deg, rgba($wBgColor,0), rgba($wBgColor,1) $ticksBlockerFadeW));
padding-right: $ticksBlockerFadeW;
.title:before {
content: 'Start';
}
}
&.end-w {
@include background-image(linear-gradient(90deg, transparent, $wBgColor $ticksBlockerFadeW));
@include background-image(linear-gradient(90deg, rgba($wBgColor,0), rgba($wBgColor,1) $ticksBlockerFadeW));
padding-left: $ticksBlockerFadeW;
right: 0;
.title:before {

5
platform/features/conductor/core/res/templates/time-conductor.html
View File

@@ -79,12 +79,9 @@
<input type="submit" class="off">
</form>
<conductor-axis view-service="tcController.conductorViewService"></conductor-axis>
<conductor-axis class="mobile-hide" view-service="tcController.conductorViewService"></conductor-axis>
</div>
<!-- Holds data visualization, time of interest -->
<conductor-toi view-service="tcController.conductorViewService"></conductor-toi>
<!-- Holds time system and session selectors, and zoom control -->
<div class="l-time-conductor-controls l-row-elem l-flex-row flex-elem">
<mct-include

12
platform/features/timeline/res/sass/_timelines.scss
View File

@@ -183,7 +183,7 @@
font-size: 0.9em;
&.tick-label-y {
text-align: left;
}
}
}
}
}
@@ -199,12 +199,6 @@
&.l-pane-r {
left: 0;
&:hover {
.l-hover-btns-holder {
@include trans-prop-nice-fade(100ms);
opacity: 1;
}
}
}
&.l-pane-top {
@@ -246,8 +240,6 @@
.l-hover-btns-holder {
@include absPosDefault();
box-sizing: border-box;
@include trans-prop-nice-fade(500ms);
opacity: 0;
height: $timelineTopPaneHeaderH;
left: auto;
padding: $interiorMargin $interiorMargin $interiorMargin $interiorMargin * 10;
@@ -338,4 +330,4 @@
&:hover {
background-color: $colorItemTreeHoverBg;
}
}
}