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

[Frontend] Mods to allow plot tick labels to ellipsis to left

Browse Source 
open #337
Tick label strings are now reversed in their char order in
PlotTickGenerator.js, then reversed again via CSS in
_plots-main.scss. This forces the browser to clip the label
at the left 'start' side, rather than the end, resulting in
the least significant portion of the label getting clipped.
This commit is contained in:
Charles Hacskaylo
2016-01-12 18:04:09 -08:00
parent 9cc03123b1
commit 9b59fd7eae
4 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
platform/commonUI/themes/espresso/res/css/theme-espresso.css
View File

@@ -6874,12 +6874,14 @@ table {
/* line 244, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick,
.tick-label {
direction: rtl;
unicode-bidi: bidi-override;
font-size: 0.7rem;
position: absolute;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
/* line 251, ../../../../general/res/sass/plots/_plots-main.scss */
/* line 253, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x,
.tick-label.gl-plot-x-tick-label,
.tick-label.tick-label-x {
@@ -6890,7 +6892,7 @@ table {
width: 20%;
margin-left: -10%;
text-align: center; }
/* line 261, ../../../../general/res/sass/plots/_plots-main.scss */
/* line 263, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y,
.tick-label.gl-plot-y-tick-label,
.tick-label.tick-label-y {
@@ -6900,18 +6902,18 @@ table {
margin-bottom: -0.5em;
text-align: right; }
/* line 272, ../../../../general/res/sass/plots/_plots-main.scss */
/* line 274, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label {
top: 5px; }
/* line 275, ../../../../general/res/sass/plots/_plots-main.scss */
/* line 277, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label {
right: 5px;
left: 5px; }
/* line 282, ../../../../general/res/sass/plots/_plots-main.scss */
/* line 284, ../../../../general/res/sass/plots/_plots-main.scss */
.tick-label.tick-label-x {
top: 0; }
/* line 285, ../../../../general/res/sass/plots/_plots-main.scss */
/* line 287, ../../../../general/res/sass/plots/_plots-main.scss */
.tick-label.tick-label-y {
right: 0;
left: 0; }