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

[Frontend] Updated CSS; removed position: relative

Browse Source 
WTD-884
This commit is contained in:
Charles Hacskaylo
2015-06-08 11:14:58 -07:00
parent d2a75c4338
commit 9f90c6b8d8
27 changed files with 2983 additions and 1312 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
platform/commonUI/general/res/sass/_autoflow.scss
View File

@@ -70,17 +70,14 @@
&:hover {
background: rgba(#fff, 0.1);
}
&.stale {
color: darken($colorBodyFg, 20%);
&.s-stale {
//color: darken($colorBodyFg, 20%);
.l-autoflow-item.l { @include s-stale(0.3); };
.l-autoflow-item.r { @include s-stale(); };
}
&:not(.stale) {
&:not(.s-stale) {
.l-autoflow-item.r {
color: lighten($colorBodyFg, 20%);
}
}
&.alert {
.l-autoflow-item.r {
background: $colorFormError;
color: lighten($colorBodyFg, 10%);
}
}
&.first-in-group {
@@ -89,7 +86,6 @@
.l-autoflow-item {
display: block;
&.l {
// @include test(orange);
float: none;
overflow: hidden;
text-overflow: ellipsis;
@@ -97,8 +93,7 @@
width: auto;
}
&.r {
// @include test(blue);
@include border-radius($controlCr);
@include border-radius($smallCr);
float: right;
margin-left: $interiorMargin;
padding-left: $valPad;

2
platform/commonUI/general/res/sass/_badges.scss
View File

@@ -28,7 +28,7 @@
.top-bar .badge {
@include border-radius($controlCr * 1.5);
$h: $ueTopBarH; // - 5px;
$h: $btnStdH; //$ueTopBarBtnH; // - 5px;
font-size: 1.4em;
height: $h;
line-height: $h;

25
platform/commonUI/general/res/sass/_constants.scss
View File

@@ -26,6 +26,7 @@ $interiorMarginLg: $interiorMargin * 2;
$interiorMarginSm: 3px;
$basicCr: 3px;
$controlCr: $basicCr;
$smallCr: 2px;
$badgeW: 35px;
// Colors and shading
@@ -45,20 +46,27 @@ $colorFormValid: #33cc33;
$colorFormError: #cc0000;
$colorFormInvalid: #ff9900;
$colorGridLines: rgba(#fff, 0.05);
$colorLimitYellow: #9d7500;
$colorLimitRed: #aa0000;
$colorTelemFresh: #fff;
$colorTelemStale: #888;
$styleTelemState: italic;
$colorInfoBubbleFg: #666;
$colorInfoBubbleBg: #ddd;
// Ratios
$ltGamma: 20%;
$btnFontSizeToH: 0.45;
// User Environment
$ueTopBarH: 35px;
$ueTopBarH: 30px; // Change to 45px when breadcrumb is enabled
$ueTopBarEditH: 30px;
$ueTopBarBtnH: 35px;
$ueFooterH: 20px;
$ueColMargin: 1.5%;
$ueAppLogoW: 105px;
$ueBrowseViewBarH: $ueTopBarH; // was 30px
$ueEditToolBarH: $ueBrowseViewBarH;
$ueEditToolBarButtonH: $ueEditToolBarH * 0.8;
//$ueBrowseViewBarH: $ueTopBarH; // was 30px
$ueEditToolBarH: 25px;
$ueBrowseLeftPaneW: 25%;
$ueEditLeftPaneW: 75%;
@@ -76,6 +84,7 @@ $ueBrowseGridItemBottomBarH: 40px;
$colorItemBase: lighten($colorBodyBg, 5%);
$colorItemFg: lighten($colorItemBase, 20%);
$colorItemSelected: $colorKey;
$itemPadLR: 5px;
// Tree
$treeVCW: 10px;
@@ -86,8 +95,8 @@ $colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%);
$colorItemTreeVCHover: $colorAlt1;
//Tabular
$tabularHeaderH: 20px;
$tabularTdPadLR: 5px;
$tabularHeaderH: 18px;
$tabularTdPadLR: $itemPadLR;
$tabularTdPadTB: 2px;
$tabularColorBorder: rgba(white, 0.1);
$tabularColorBodyBg: darken($colorBodyBg, 10%);
@@ -104,6 +113,8 @@ $formRowCtrlsH: 14px;
$menuLineH: 1.5rem;
$scrollbarTrackSize: 10px;
$scrollbarTrackColorBg: rgba(#000, 0.4);
$btnStdH: 25px;
$btnToolbarH: $btnStdH;
// Paths
$dirImgs: '../images/'; // Relative to platform/css/ directory

7
platform/commonUI/general/res/sass/_data-status.scss Normal file
View File

@@ -0,0 +1,7 @@
.s-stale {
@include s-stale();
.td {
@include s-stale();
}
}

17
platform/commonUI/general/res/sass/_effects.scss
View File

@@ -41,4 +41,21 @@ a.disabled {
.test {
@include test();
}
@include keyframes(pulse) {
0% { opacity: 0.2; }
100% { opacity: 1; }
}
@mixin pulse($dur: 500ms) {
@include animation-name(pulse);
@include animation-duration($dur);
@include animation-direction(alternate);
@include animation-iteration-count(infinite);
@include animation-timing-function(ease-in-out);
}
.pulse {
@include pulse(1000ms);
}

42
platform/commonUI/general/res/sass/_fixed-position.scss
View File

@@ -21,24 +21,18 @@
*****************************************************************************/
.t-fixed-position {
&.l-fixed-position {
// @include test(red);
// @include test(red);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
top: 0; right: 0; bottom: 0; left: 0;
width: auto; height: auto;
.l-grid-holder {
position: relative;
height: 100%;
width: 100%;
height: 100%; width: 100%;
.l-grid {
// @include test(orange);
// @include test(orange);
position: absolute;
height: 100%;
width: 100%;
height: 100%; width: 100%;
pointer-events: none;
z-index: 0;
}
@@ -62,13 +56,12 @@
.l-fixed-position-image,
.l-fixed-position-text {
@include box-sizing(border-box);
height: 100%;
width: 100%;
height: 100%; width: 100%;
}
.l-fixed-position-box {
}
.l-fixed-position-image {
background-size: cover;
background-repeat: no-repeat;
@@ -77,32 +70,39 @@
.l-fixed-position-text {
@include txtShdwSubtle();
border: 1px solid transparent;
border:1px solid transparent;
font-size: 0.8rem;
$p: $interiorMarginSm;
$p: 1px; //$interiorMarginSm;
line-height: 100%;
&.l-static-text {
// overflow: auto;
// overflow: auto;
padding: $p;
}
&.l-telemetry {
.l-elem {
@include absPosDefault($p);
//@include absPosDefault($p);
@include absPosDefault(0);
@include box-sizing(border-box);
padding: 2px;
width: 50%;
&.l-title {
right: auto;
left: $p;
}
&.l-value {
// @include test(blue);
// @include test(blue);
right: $p;
left: auto;
text-align: right;
&.telem-only {
// @include test(red);
// @include test(red);
left: $p;
width: auto;
}
.l-value-bg {
@include border-radius($smallCr);
padding: 0 4px;
}
}
}
}

2
platform/commonUI/general/res/sass/_icons.scss
View File

@@ -76,7 +76,7 @@
}
.object-header .type-icon {
color: $colorAlt1;
color: $colorKey;
margin-right: $interiorMargin;
}

52
platform/commonUI/general/res/sass/_limits.scss Normal file
View File

@@ -0,0 +1,52 @@
@mixin limit($c, $glyph) {
background: $c;
&:before {
//@include pulse(500ms);
color: lighten($c, 30%);
content: $glyph;
}
}
/*.s-limit-upr,
.s-limit-lwr {
$a: 0.5;
$l: 30%;
white-space: nowrap;
&:before {
display: inline-block;
font-family: symbolsfont;
font-size: 0.85em;
font-style: normal !important;
margin-right: $interiorMarginSm;
vertical-align: middle;
}
}
.s-limit-upr {
&.s-limit-yellow { @include limit($colorLimitYellow, "\0000ed"); }
&.s-limit-red { @include limit($colorLimitRed, "\0000eb"); }
}
.s-limit-lwr {
&.s-limit-yellow { @include limit($colorLimitYellow, "\0000ec"); }
&.s-limit-red { @include limit($colorLimitRed, "\0000ee"); }
}*/
[class*="s-limit"] {
$a: 0.5;
$l: 30%;
white-space: nowrap;
&:before {
display: inline-block;
font-family: symbolsfont;
font-size: 0.85em;
font-style: normal !important;
margin-right: $interiorMarginSm;
vertical-align: middle;
}
}
.s-limit-upr-red { @include limit($colorLimitRed, "\0000eb"); };
.s-limit-upr-yellow { @include limit($colorLimitYellow, "\0000ed"); };
.s-limit-lwr-yellow { @include limit($colorLimitYellow, "\0000ec"); };
.s-limit-lwr-red { @include limit($colorLimitRed, "\0000ee"); };

4
platform/commonUI/general/res/sass/_main.scss
View File

@@ -22,6 +22,7 @@
@import "compass";
@import "compass/reset";
@import "compass/css3";
@import "compass/css3/animation";
@import "compass/css3/user-interface";
@import "compass/utilities";
@@ -35,7 +36,10 @@
@import "text";
@import "badges";
@import "icons";
@import "limits";
@import "data-status";
@import "lists/tabular";
@import "controls/breadcrumb";
@import "controls/buttons";
@import "controls/color-palette";
@import "controls/controls";

17
platform/commonUI/general/res/sass/_mixins.scss
View File

@@ -67,7 +67,7 @@
rgba($c, $a) 25%, transparent 25%,
transparent 50%, rgba($c, $a) 50%,
rgba($c, $a) 75%, transparent 75%,
transparent 0
transparent 100%
));
background-repeat: repeat;
background-size: $d $d;
@@ -178,6 +178,14 @@
@include box-shadow(rgba($color, $sVal) 0 0 30px);
}
@mixin linearGlow($deg: 0, $c: red, $a: 0.4) {
@include background-image(linear-gradient($deg, rgba($c,0), rgba($c, $a) 100%));
}
@mixin subtleGrad($deg: 0, $c: red, $a0: 0.2, $a1: 0.3) {
@include background-image(linear-gradient($deg, rgba($c,$a0), rgba($c, $a1) 100%));
}
@mixin txtShdwSubtle($sVal: 0.1) {
@include text-shadow(rgba(black, $sVal) 0 1px 2px);
}
@@ -247,8 +255,6 @@
background-color: rgba($c, $a);
}
@mixin testObj($w: 2000px, $h: 1000px, $c: black, $a: 0.1) {
&:after {
@include box-sizing(border-box);
@@ -264,4 +270,9 @@
transform: scaleX(1) scaleY(1) scaleZ(1);
transform-origin: 50% 50% 0;
}
}
@mixin s-stale($a: 0.5) {
color: rgba($colorTelemFresh, $a) !important;
font-style: italic;
}

31
platform/commonUI/general/res/sass/controls/_breadcrumb.scss Normal file
View File

@@ -0,0 +1,31 @@
.l-breadcrumb {
$c: darken($colorBodyFg, 15%);
$p: 4px;
font-size: 0.7rem;
line-height: 1em;
margin-bottom: $interiorMargin;
margin-left: -1 * $p;
.l-breadcrumb-item {
//@include test();
a {
@include box-sizing(border-box);
@include border-radius($basicCr*.75);
@include single-transition(background-color, 0.25s);
color: darken($colorBodyFg, 15%);
display: inline-block;
//margin-right: $interiorMargin;
padding: $p/2 $p;
.icon {
color: $colorItemTreeIcon;
margin-right: $interiorMargin;
}
&:hover {
background: lighten($colorBodyBg, 10%);
color: lighten($colorBodyFg, 10%);
.icon {
color: $colorItemTreeIconHover;
}
}
}
}
}

12
platform/commonUI/general/res/sass/controls/_controls.scss
View File

@@ -103,11 +103,12 @@
padding: 0 ($interiorMargin * 2); // Moved to s-btn
text-decoration: none; // Moved to s-btn
&.create-btn {
$h: $ueBrowseViewBarH;
$h: $ueTopBarH - $interiorMargin; //$btnStdH * 1.5;;
$p: $p * 2.25;
height: $h;
line-height: $h;
font-size: 1.1em;
padding: 0 ($p * 1.5) 0 $p;
//font-size: 1.1em;
padding: 0 $p;
.menu {
margin-left: $p * -1;
}
@@ -223,7 +224,7 @@
.top-bar .buttons-main .t-btn,
.tool-bar .btn,
.tool-bar .t-btn {
$h: $ueEditToolBarButtonH;
$h: $btnToolbarH;
display: inline-block;
font-size: $h * $btnFontSizeToH;
height: $h;
@@ -361,7 +362,7 @@ label.checkbox.custom {
}
.top-bar .btn-menu {
$h: $ueTopBarH; // 35px
$h: $btnStdH; //$ueTopBarBtnH; // 35px
$p: 10px;
$badgeM: $interiorMargin;
$badgeD: $h - ($badgeM * 2);
@@ -407,7 +408,6 @@ label.checkbox.custom {
font-size: 1.1em;
span {
display: inline-block;
// margin-right: $interiorMargin;
}
}
}

4
platform/commonUI/general/res/sass/controls/_menus.scss
View File

@@ -72,7 +72,9 @@
$prw: $w - $plw;
width: $w;
height: $h;
.contents { overflow: none; }
.contents {
@include absPosDefault($interiorMargin);
}
.pane {
@include box-sizing(border-box);
&.left {

22
platform/commonUI/general/res/sass/helpers/_bubbles.scss
View File

@@ -21,9 +21,6 @@
*****************************************************************************/
//************************************************* LAYOUT
$infoBubbleFg: #666;
$infoBubbleBg: #ddd;
.l-infobubble-wrapper {
$arwSize: 5px;
@include box-shadow(rgba(black, 0.4) 0 1px 5px);
@@ -31,7 +28,7 @@ $infoBubbleBg: #ddd;
z-index: 70;
.l-infobubble {
display: inline-block;
max-width: 250px;
max-width: 300px;
padding: 5px 10px;
&:before {
content:"";
@@ -54,7 +51,8 @@ $infoBubbleBg: #ddd;
white-space: nowrap;
}
&.value {
white-space: nowrap;
//@include test(red);
//white-space: nowrap;
//width: 90%;
}
&.align-wrap {
@@ -76,7 +74,7 @@ $infoBubbleBg: #ddd;
right: 100%;
border-top: $arwSize solid transparent;
border-bottom: $arwSize solid transparent;
border-right: ($arwSize * 1.5) solid $infoBubbleBg;
border-right: ($arwSize * 1.5) solid $colorInfoBubbleBg;
}
}
@@ -86,7 +84,7 @@ $infoBubbleBg: #ddd;
left: 100%;
border-top: $arwSize solid transparent;
border-bottom: $arwSize solid transparent;
border-left: ($arwSize * 1.5) solid $infoBubbleBg;
border-left: ($arwSize * 1.5) solid $colorInfoBubbleBg;
}
}
@@ -110,7 +108,7 @@ $infoBubbleBg: #ddd;
margin-left: -1 * $arwSize;
border-left: $arwSize solid transparent;
border-right: $arwSize solid transparent;
border-top: ($arwSize * 1.5) solid $infoBubbleBg;
border-top: ($arwSize * 1.5) solid $colorInfoBubbleBg;
}
}
}
@@ -118,10 +116,10 @@ $infoBubbleBg: #ddd;
//************************************************* LOOK AND FEEL
.s-infobubble {
$emFg: darken($infoBubbleFg, 20%);
$emFg: darken($colorInfoBubbleFg, 20%);
@include border-radius($basicCr);
background: $infoBubbleBg;
color: $infoBubbleFg;
background: $colorInfoBubbleBg;
color: $colorInfoBubbleFg;
font-size: 0.8rem;
.title {
color: $emFg;
@@ -129,7 +127,7 @@ $infoBubbleBg: #ddd;
}
tr {
td {
border-top: 1px solid darken($infoBubbleBg, 10%);
border-top: 1px solid darken($colorInfoBubbleBg, 10%);
font-size: 0.9em;
}
&:first-child td {

2
platform/commonUI/general/res/sass/helpers/_splitter.scss
View File

@@ -84,7 +84,7 @@
}
.browse-area .splitter {
top: $ueBrowseViewBarH + $interiorMargin;
top: $ueTopBarH + $interiorMargin;
}
.edit-area .splitter {

149
platform/commonUI/general/res/sass/lists/_tabular.scss
View File

@@ -19,78 +19,108 @@
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
.w1 {
background: $tabularColorHeaderBg;
padding-top: $tabularHeaderH;
.w1, .w2 {
position: relative;
height: 100%;
}
.w2 {
background: $tabularColorBodyBg;
overflow-y: auto;
}
.tabular {
@include box-sizing(border-box);
border-spacing: 0;
border-collapse: collapse;
color: #fff;
display: table;
font-size: 0.8em;
position: relative;
height: 100%;
width: 100%;
.tr {
display: table-row;
thead, .thead,
tbody tr, .tbody .tr {
display: table;
width: 100%;
table-layout: fixed;
}
thead, .thead {
width: calc(100% - 10px);
tr, .tr {
height: $tabularHeaderH;
}
&:before {
content: "";
display: block;
z-index: 0;
position: absolute;
width: 100%;
height: $tabularHeaderH;
background: rgba(#fff, 0.15);
}
}
tbody, .tbody {
@include absPosDefault(0);
top: $tabularHeaderH;
//display: table-row-group;
display: block;
//width: 100%;
overflow-y: scroll;
tr, .tr {
&:hover {
background: rgba(white, 0.1);
}
}
}
tr, .tr {
//display: table-row;
//width: 100%;
&:first-child .td {
border-top: none;
}
&:hover {
background: rgba(white, 0.1);
}
&.header {
display: table-header-group;
.th {
border: none;
color: transparent;
height: 0px;
line-height: 0;
padding: 0 $tabularTdPadLR;
white-space: nowrap;
vertical-align: middle; // This is crucial to hiding f**king 4px height injected by browser by default
&:first-child em {
border-left: none;
}
&.sort {
em:after {
display: inline-block;
font-family: symbolsfont;
margin-left: 5px;
}
&.asc em:after { content: '0'; }
&.desc em:after { content: '1'; }
}
em {
// background: rgba(green, 0.2);
border-left: 1px solid $tabularColorBorder;
color: $tabularColorHeaderFg;
cursor: pointer;
display: block;
font-style: normal;
font-weight: bold;
height: $tabularHeaderH;
line-height: $tabularHeaderH;
margin-left: - $tabularTdPadLR;
padding: 0 $tabularTdPadLR;
position: absolute;
top: 0;
vertical-align: middle;
&:hover {
color: lighten($tabularColorHeaderFg, 20%);
}
}
}
}
.th, .td {
th, .th, td, .td {
display: table-cell;
}
.td {
th, .th {
border: none;
border-left: 1px solid $tabularColorBorder;
color: $tabularColorHeaderFg;
padding: 0 $tabularTdPadLR;
white-space: nowrap;
vertical-align: middle; // This is crucial to hiding f**king 4px height injected by browser by default
&:first-child {
border-left: none;
}
&.sort {
.icon-sorting:before {
display: inline-block;
font-family: symbolsfont;
margin-left: 5px;
}
&.asc .icon-sorting:before {
content: '0';
}
&.desc .icon-sorting:before {
content: '1';
}
}
/* em {
//background: rgba(green, 0.2);
border-left: 1px solid $tabularColorBorder;
color: $tabularColorHeaderFg;
cursor: pointer;
display: block;
font-style: normal;
font-weight: bold;
height: $tabularHeaderH;
line-height: $tabularHeaderH;
margin-left: - $tabularTdPadLR;
padding: 0 $tabularTdPadLR;
position: absolute;
top: 0;
vertical-align: middle;
&:hover {
color: lighten($tabularColorHeaderFg, 20%);
}
}*/
}
td, .td {
border-top: 1px solid $tabularColorBorder;
padding: $tabularTdPadTB $tabularTdPadLR;
&.numeric {
@@ -98,4 +128,9 @@
}
}
}
&.filterable {
tbody, .tbody {
top: $tabularHeaderH * 2;
}
}
}

82
platform/commonUI/general/res/sass/plots/_plots-main.scss
View File

@@ -20,7 +20,7 @@
* at runtime from the About dialog for additional information.
*****************************************************************************/
$yBarW: 60px;
$yLabelW: auto; //10px;
$yLabelW: auto;
$xBarH: 32px;
$legendH: 24px;
$colorHash: rgba(white, 0.3);
@@ -59,7 +59,7 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
.gl-plot-coords {
@include box-sizing(border-box);
@include border-radius($controlCr);
background: rgba($colorAlt1, 0.5);
background: black; //rgba($colorKey, 0.5);
color: lighten($colorBodyFg, 30%);
padding: 2px 5px;
position: absolute;
@@ -101,7 +101,7 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
}
&.gl-plot-y-label,
&.l-plot-y-label {
&.l-plot-y-label {
$x: -50%;
$r: -90deg;
@include transform-origin(50%, 0);
@@ -150,22 +150,51 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
height: $legendH;
overflow-x: hidden;
overflow-y: auto;
// .plot-legend-item {
// display: inline-block;
// margin-right: $interiorMarginLg;
// span {
// vertical-align: middle;
// }
// .plot-color-swatch {
// @include border-radius(2px);
// display: inline-block;
// height: $swatchD;
// width: $swatchD;
// margin-right: $interiorMarginSm;
// }
// }
}
/****************************** Limits and Out-of-Bounds data */
.l-limit-bar,
.l-oob-data {
position: absolute;
left: 0;
right: 0;
width: auto;
}
.l-limit-bar {
// Limits in plot display area
@mixin limitBg($c) {
background: rgba($c, 0.2);
}
height: auto;
z-index: 0;
&.s-limit-yellow { @include limitBg($colorLimitYellow); }
&.s-limit-red { @include limitBg($colorLimitRed); }
}
.l-oob-data {
$c: #7748d6;
$a: 0.5;
$h: 10px;
@include absPosDefault();
pointer-events: none;
height: $h;
z-index: 1;
&.l-oob-data-up {
top: 0;
bottom: auto;
@include linearGlow(0deg, $c, $a);
}
&.l-oob-data-dwn {
bottom: 0;
top: auto;
@include linearGlow(180deg, $c, $a);
}
}
}
.gl-plot-legend,
.legend {
.plot-legend-item,
@@ -181,11 +210,23 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
display: inline-block;
height: $swatchD;
width: $swatchD;
margin-right: $interiorMarginSm;
//margin-right: $interiorMarginSm;
}
.title-label {
.title-label {}
}
}
.gl-plot-legend {
.plot-legend-item {
//@include test();
@include border-radius($smallCr);
color: #fff;
line-height: 1.5em;
padding: 0px $itemPadLR;
.plot-color-swatch {
border: 1px solid $colorBodyBg;
height: $swatchD + 1;
width: $swatchD + 1;
}
}
}
@@ -199,7 +240,6 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
}
}
.gl-plot-tick,
.tick-label {
// @include test(red);

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

@@ -110,11 +110,12 @@
}
.edit-area {
$tbH: $ueEditToolBarH;
$tbH: $btnToolbarH + $interiorMargin;
top: $bodyMargin + $ueTopBarEditH + ($interiorMargin);
.tool-bar {
bottom: auto;
height: $tbH;
line-height: $ueEditToolBarButtonH;
line-height: $btnToolbarH;
}
.work-area {
top: $tbH + $interiorMargin * 2;
@@ -202,19 +203,31 @@
position: absolute;
&.treeview {
.create-btn-holder {
bottom: auto; height: $ueBrowseViewBarH;
bottom: auto; top: 0;
height: $ueTopBarH;
.wrapper.menu-element {
position: absolute;
bottom: $interiorMargin;
}
}
.tree-holder {
overflow: auto;
top: $ueBrowseViewBarH + $interiorMargin;
top: $ueTopBarH + $interiorMargin;
}
}
&.items {
.object-browse-bar {
// bottom: auto;
.left.abs,
.right.abs {
top: auto;
}
.right.abs {
bottom: $interiorMargin;
}
}
.object-holder {
top: $ueBrowseViewBarH + $interiorMargin;
top: $ueTopBarH + $interiorMargin;
}
}
&.edit-main {

4
platform/commonUI/general/res/sass/user-environ/_object-browse.scss
View File

@@ -20,8 +20,8 @@
* at runtime from the About dialog for additional information.
*****************************************************************************/
.object-browse-bar {
height: $ueBrowseViewBarH;
line-height: $ueBrowseViewBarH;
height: $ueTopBarH;
//line-height: $ueTopBarBtnH;
.items-select {
.btn-menu {
margin-right: $interiorMargin * 3;

8
platform/commonUI/general/res/sass/user-environ/_tool-bar.scss
View File

@@ -22,19 +22,19 @@
.tool-bar {
border-bottom: 1px solid $colorInteriorBorder;
.l-control-group {
height: $ueEditToolBarButtonH;
height: $btnToolbarH;
}
input[type="text"] {
@include box-sizing(border-box);
font-size: .9em;
height: $ueEditToolBarButtonH;
height: $btnToolbarH;
margin-bottom: 1px;
position: relative;
&.sm {
width: $ueEditToolBarButtonH;
width: $btnToolbarH;
}
}
.input-labeled label {
font-size: $ueEditToolBarButtonH * $btnFontSizeToH;
font-size: $btnToolbarH * $btnFontSizeToH;
}
}

4
platform/commonUI/general/res/sass/user-environ/_top-bar.scss
View File

@@ -22,13 +22,13 @@
.top-bar {
// $h: $ueTopBarH - 5px;
// background: rgba(#ff0000, 0.2);
line-height: $ueTopBarH;
// line-height: $ueTopBarBtnH;
&.browse,
&.edit {
border-bottom: 1px solid $colorInteriorBorder;
top: $bodyMargin; right: $bodyMargin; bottom: auto; left: $bodyMargin;
height: $ueTopBarH;
height: $ueTopBarEditH;
}
.action {