ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-19 19:27:07 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Frontend] Refinements to t-item-icon

Browse Source 
open #90
Scale approach to link indicator changed from
font-size to transform: scale;
Now works in tree, item grid and Inspector;
This commit is contained in:
Charles Hacskaylo 2015-10-28 21:34:01 -07:00
parent 134d853f19
commit 56e8cd81e6
7 changed files with 126 additions and 102 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
bundles.json
View File

@ -9,7 +9,7 @@
"platform/commonUI/general", "platform/commonUI/general",
"platform/commonUI/inspect", "platform/commonUI/inspect",
"platform/commonUI/mobile", "platform/commonUI/mobile",
"platform/commonUI/themes/espresso", "platform/commonUI/themes/snow",
"platform/containment", "platform/containment",
"platform/execution", "platform/execution",
"platform/telemetry", "platform/telemetry",

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

@ -61,7 +61,8 @@ $ueBrowseGridItemBottomBarH: 30px;
$itemPadLR: 5px; $itemPadLR: 5px;
// Tree // Tree
$treeVCW: 10px; $treeVCW: 10px;
$treeTypeIconH: 16px; $treeTypeIconH: 1.4em; // was 16px
$treeTypeIconHPx: 16px;
$treeTypeIconW: 20px; $treeTypeIconW: 20px;
$treeContextTriggerW: 20px; $treeContextTriggerW: 20px;
// Tabular // Tabular

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

@ -86,18 +86,18 @@
@extend .ui-symbol; @extend .ui-symbol;
@extend .icon; @extend .icon;
display: inline-block; display: inline-block;
line-height: normal; // This is Ok for the symbolsfont
position: relative; position: relative;
&.l-icon-link { &.l-icon-link {
&:before { &:before {
color: $colorIconLink; color: $colorIconLink;
height: 30%; width: auto;
line-height: normal;
position: absolute;
font-size: 0.35em;
left: 0px;
bottom: 10%;
z-index: 2;
content: "\f4"; content: "\f4";
height: auto; width: auto;
position: absolute;
left: 0; top: 0; right: 0; bottom: 0;
@include transform-origin(bottom, left);
@include transform(scale(0.3));
z-index: 2;
} }
} }
} }

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

@ -349,10 +349,7 @@
/* This doesn't work on an element inside an element with absolute positioning that has height: auto */ /* This doesn't work on an element inside an element with absolute positioning that has height: auto */
//position: relative; //position: relative;
top: 50%; top: 50%;
@include webkitProp(transform, translateY(-50%)); @include transform(translateY(-50%));
//-webkit-transform: translateY(-50%);
//-ms-transform: translateY(-50%);
//transform: translateY(-50%);
} }
@mixin verticalCenterBlock($holderH, $itemH) { @mixin verticalCenterBlock($holderH, $itemH) {

20
platform/commonUI/general/res/sass/tree/_tree.scss
View File

@ -66,25 +66,27 @@ ul.tree {
line-height: $menuLineH; line-height: $menuLineH;
.t-item-icon { .t-item-icon {
$d: $treeTypeIconH; // 16px is crisp size
@include txtShdwSubtle($shdwItemTreeIcon); @include txtShdwSubtle($shdwItemTreeIcon);
font-size: $d; font-size: $treeTypeIconH;
color: $colorItemTreeIcon; color: $colorItemTreeIcon;
position: absolute; position: absolute;
left: $interiorMargin; right: auto; width: $d; left: $interiorMargin;
top: 50%;
width: $treeTypeIconH;
@include transform(translateY(-50%));
} }
.type-icon { .type-icon {
//@include absPosDefault(0, false); //@include absPosDefault(0, false);
$d: $treeTypeIconH; // 16px is crisp size $d: $treeTypeIconH;
@include txtShdwSubtle($shdwItemTreeIcon); @include txtShdwSubtle($shdwItemTreeIcon);
font-size: $d; font-size: $treeTypeIconH;
color: $colorItemTreeIcon; color: $colorItemTreeIcon;
left: $interiorMargin; left: $interiorMargin;
position: absolute; position: absolute;
@include verticalCenterBlock($menuLineHPx, $d); @include verticalCenterBlock($menuLineHPx, $treeTypeIconHPx);
line-height: 100%; line-height: 100%;
right: auto; width: $d; right: auto; width: $treeTypeIconH;
.icon { .icon {
&.l-icon-link, &.l-icon-link,
@ -123,7 +125,7 @@ ul.tree {
.view-control { .view-control {
color: $colorItemTreeSelectedVC; color: $colorItemTreeSelectedVC;
} }
.label .type-icon { .t-object-label .t-item-icon {
color: $colorItemTreeSelectedFg; //$colorItemTreeIconHover; color: $colorItemTreeSelectedFg; //$colorItemTreeIconHover;
} }
} }
@ -134,7 +136,7 @@ ul.tree {
&:hover { &:hover {
background: $colorItemTreeHoverBg; background: $colorItemTreeHoverBg;
color: $colorItemTreeHoverFg; color: $colorItemTreeHoverFg;
.icon { .t-item-icon {
color: $colorItemTreeIconHover; color: $colorItemTreeIconHover;
} }
} }

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

@ -658,19 +658,28 @@ mct-container {
/* line 84, ../../../../general/res/sass/_icons.scss */ /* line 84, ../../../../general/res/sass/_icons.scss */
.t-item-icon { .t-item-icon {
display: inline-block; display: inline-block;
line-height: normal;
position: relative; } position: relative; }
/* line 91, ../../../../general/res/sass/_icons.scss */ /* line 92, ../../../../general/res/sass/_icons.scss */
.t-item-icon.l-icon-link:before { .t-item-icon.l-icon-link:before {
color: #49dedb; color: #49dedb;
height: 30%; content: "\f4";
height: auto;
width: auto; width: auto;
line-height: normal;
position: absolute; position: absolute;
font-size: 0.35em; left: 0;
left: 0px; top: 0;
bottom: 10%; right: 0;
z-index: 2; bottom: 0;
content: "\f4"; } -moz-transform-origin: bottom left;
-ms-transform-origin: bottom left;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
-moz-transform: scale(0.3);
-ms-transform: scale(0.3);
-webkit-transform: scale(0.3);
transform: scale(0.3);
z-index: 2; }
/* line 13, ../../../../general/res/sass/_limits.scss */ /* line 13, ../../../../general/res/sass/_limits.scss */
.s-limit-red { .s-limit-red {
@ -5065,19 +5074,23 @@ ul.tree {
.search-result-item .label .t-item-icon, .search-result-item .label .t-item-icon,
.search-result-item .t-object-label .t-item-icon { .search-result-item .t-object-label .t-item-icon {
text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px;
font-size: 16px; font-size: 1.4em;
color: #0099cc; color: #0099cc;
position: absolute; position: absolute;
left: 5px; left: 5px;
right: auto; top: 50%;
width: 16px; } width: 1.4em;
/* line 77, ../../../../general/res/sass/tree/_tree.scss */ -moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
/* line 79, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon, .tree-item .label .type-icon,
.tree-item .t-object-label .type-icon, .tree-item .t-object-label .type-icon,
.search-result-item .label .type-icon, .search-result-item .label .type-icon,
.search-result-item .t-object-label .type-icon { .search-result-item .t-object-label .type-icon {
text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px;
font-size: 16px; font-size: 1.4em;
color: #0099cc; color: #0099cc;
left: 5px; left: 5px;
position: absolute; position: absolute;
@ -5086,8 +5099,8 @@ ul.tree {
height: 16px; height: 16px;
line-height: 100%; line-height: 100%;
right: auto; right: auto;
width: 16px; } width: 1.4em; }
/* line 90, ../../../../general/res/sass/tree/_tree.scss */ /* line 92, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon, .tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-link, .tree-item .t-object-label .type-icon .icon.l-icon-link,
.tree-item .t-object-label .type-icon .l-icon-link.t-item-icon, .tree-item .t-object-label .type-icon .l-icon-link.t-item-icon,
@ -5103,7 +5116,7 @@ ul.tree {
.search-result-item .t-object-label .type-icon .l-icon-alert.t-item-icon { .search-result-item .t-object-label .type-icon .l-icon-alert.t-item-icon {
position: absolute; position: absolute;
z-index: 2; } z-index: 2; }
/* line 95, ../../../../general/res/sass/tree/_tree.scss */ /* line 97, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-alert, .tree-item .t-object-label .type-icon .icon.l-icon-alert,
.tree-item .t-object-label .type-icon .l-icon-alert.t-item-icon, .tree-item .t-object-label .type-icon .l-icon-alert.t-item-icon,
@ -5118,7 +5131,7 @@ ul.tree {
width: 8px; width: 8px;
top: 1px; top: 1px;
right: -2px; } right: -2px; }
/* line 101, ../../../../general/res/sass/tree/_tree.scss */ /* line 103, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon, .tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-link, .tree-item .t-object-label .type-icon .icon.l-icon-link,
.tree-item .t-object-label .type-icon .l-icon-link.t-item-icon, .tree-item .t-object-label .type-icon .l-icon-link.t-item-icon,
@ -5133,7 +5146,7 @@ ul.tree {
width: 8px; width: 8px;
left: -3px; left: -3px;
bottom: 0px; } bottom: 0px; }
/* line 109, ../../../../general/res/sass/tree/_tree.scss */ /* line 111, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .title-label, .tree-item .label .title-label,
.tree-item .label .t-title-label, .tree-item .label .t-title-label,
.tree-item .t-object-label .title-label, .tree-item .t-object-label .title-label,
@ -5155,48 +5168,47 @@ ul.tree {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; } white-space: nowrap; }
/* line 120, ../../../../general/res/sass/tree/_tree.scss */ /* line 122, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected, .tree-item.selected,
.search-result-item.selected { .search-result-item.selected {
background: #006080; background: #006080;
color: #cccccc; } color: #cccccc; }
/* line 123, ../../../../general/res/sass/tree/_tree.scss */ /* line 125, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .view-control, .tree-item.selected .view-control,
.search-result-item.selected .view-control { .search-result-item.selected .view-control {
color: rgba(255, 255, 255, 0.3); } color: rgba(255, 255, 255, 0.3); }
/* line 126, ../../../../general/res/sass/tree/_tree.scss */ /* line 128, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .label .type-icon, .tree-item.selected .t-object-label .t-item-icon,
.search-result-item.selected .label .type-icon { .search-result-item.selected .t-object-label .t-item-icon {
color: #cccccc; } color: #cccccc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 134, ../../../../general/res/sass/tree/_tree.scss */ /* line 136, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover, .tree-item:not(.selected):hover,
.search-result-item:not(.selected):hover { .search-result-item:not(.selected):hover {
background: rgba(153, 153, 153, 0.1); background: rgba(153, 153, 153, 0.1);
color: #cccccc; } color: #cccccc; }
/* line 137, ../../../../general/res/sass/tree/_tree.scss */ /* line 139, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover .icon, .tree-item:not(.selected):hover .t-item-icon, .tree-item:not(.selected):hover .t-item-icon,
.search-result-item:not(.selected):hover .icon,
.search-result-item:not(.selected):hover .t-item-icon { .search-result-item:not(.selected):hover .t-item-icon {
color: #33ccff; } } color: #33ccff; } }
/* line 144, ../../../../general/res/sass/tree/_tree.scss */ /* line 146, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.loading), .tree-item:not(.loading),
.search-result-item:not(.loading) { .search-result-item:not(.loading) {
cursor: pointer; } cursor: pointer; }
/* line 148, ../../../../general/res/sass/tree/_tree.scss */ /* line 150, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger, .tree-item .context-trigger,
.search-result-item .context-trigger { .search-result-item .context-trigger {
top: -1px; top: -1px;
position: absolute; position: absolute;
right: 3px; } right: 3px; }
/* line 153, ../../../../general/res/sass/tree/_tree.scss */ /* line 155, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger .invoke-menu, .tree-item .context-trigger .invoke-menu,
.search-result-item .context-trigger .invoke-menu { .search-result-item .context-trigger .invoke-menu {
font-size: 0.75em; font-size: 0.75em;
height: 0.9rem; height: 0.9rem;
line-height: 0.9rem; } line-height: 0.9rem; }
/* line 162, ../../../../general/res/sass/tree/_tree.scss */ /* line 164, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .t-object-label { .tree-item .t-object-label {
left: 15px; } left: 15px; }
@ -6511,7 +6523,7 @@ table {
font-size: 30px; font-size: 30px;
left: 15px; left: 15px;
line-height: normal; } line-height: normal; }
/* line 66, ../../../../general/res/sass/mobile/_item.scss */ /* line 58, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
display: block; display: block;
opacity: 1; opacity: 1;
@ -6521,40 +6533,40 @@ table {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
height: 50px; } height: 50px; }
/* line 79, ../../../../general/res/sass/mobile/_item.scss */ /* line 71, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.top-bar { .items-holder .item.grid-item .bar.top-bar {
line-height: 50px !important; } line-height: 50px !important; }
/* line 83, ../../../../general/res/sass/mobile/_item.scss */ /* line 75, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { .items-holder .item.grid-item .bar.bottom-bar {
top: 7px; top: 7px;
bottom: auto; bottom: auto;
height: 35px; } height: 35px; }
/* line 88, ../../../../general/res/sass/mobile/_item.scss */ /* line 80, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type {
top: 10px; top: 10px;
bottom: auto; bottom: auto;
height: 30px; } height: 30px; }
/* line 91, ../../../../general/res/sass/mobile/_item.scss */ /* line 83, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
line-height: 50px; } } line-height: 50px; } }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
height: 66px; } height: 66px; }
/* line 101, ../../../../general/res/sass/mobile/_item.scss */ /* line 93, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.top-bar { .items-holder .item.grid-item .bar.top-bar {
line-height: 66px !important; } line-height: 66px !important; }
/* line 105, ../../../../general/res/sass/mobile/_item.scss */ /* line 97, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { .items-holder .item.grid-item .bar.bottom-bar {
top: 15px; top: 15px;
bottom: auto; bottom: auto;
height: 35px; } height: 35px; }
/* line 110, ../../../../general/res/sass/mobile/_item.scss */ /* line 102, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type {
top: 18px; top: 18px;
bottom: auto; bottom: auto;
height: 30px; } height: 30px; }
/* line 113, ../../../../general/res/sass/mobile/_item.scss */ /* line 105, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
line-height: 66px; } } line-height: 66px; } }

92
platform/commonUI/themes/snow/res/css/theme-snow.css
View File

@ -658,19 +658,28 @@ mct-container {
/* line 84, ../../../../general/res/sass/_icons.scss */ /* line 84, ../../../../general/res/sass/_icons.scss */
.t-item-icon { .t-item-icon {
display: inline-block; display: inline-block;
line-height: normal;
position: relative; } position: relative; }
/* line 91, ../../../../general/res/sass/_icons.scss */ /* line 92, ../../../../general/res/sass/_icons.scss */
.t-item-icon.l-icon-link:before { .t-item-icon.l-icon-link:before {
color: #49dedb; color: #49dedb;
height: 30%; content: "\f4";
height: auto;
width: auto; width: auto;
line-height: normal;
position: absolute; position: absolute;
font-size: 0.35em; left: 0;
left: 0px; top: 0;
bottom: 10%; right: 0;
z-index: 2; bottom: 0;
content: "\f4"; } -moz-transform-origin: bottom left;
-ms-transform-origin: bottom left;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
-moz-transform: scale(0.3);
-ms-transform: scale(0.3);
-webkit-transform: scale(0.3);
transform: scale(0.3);
z-index: 2; }
/* line 13, ../../../../general/res/sass/_limits.scss */ /* line 13, ../../../../general/res/sass/_limits.scss */
.s-limit-red { .s-limit-red {
@ -4987,18 +4996,22 @@ ul.tree {
.tree-item .t-object-label .t-item-icon, .tree-item .t-object-label .t-item-icon,
.search-result-item .label .t-item-icon, .search-result-item .label .t-item-icon,
.search-result-item .t-object-label .t-item-icon { .search-result-item .t-object-label .t-item-icon {
font-size: 16px; font-size: 1.4em;
color: #0099cc; color: #0099cc;
position: absolute; position: absolute;
left: 5px; left: 5px;
right: auto; top: 50%;
width: 16px; } width: 1.4em;
/* line 77, ../../../../general/res/sass/tree/_tree.scss */ -moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
/* line 79, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon, .tree-item .label .type-icon,
.tree-item .t-object-label .type-icon, .tree-item .t-object-label .type-icon,
.search-result-item .label .type-icon, .search-result-item .label .type-icon,
.search-result-item .t-object-label .type-icon { .search-result-item .t-object-label .type-icon {
font-size: 16px; font-size: 1.4em;
color: #0099cc; color: #0099cc;
left: 5px; left: 5px;
position: absolute; position: absolute;
@ -5007,8 +5020,8 @@ ul.tree {
height: 16px; height: 16px;
line-height: 100%; line-height: 100%;
right: auto; right: auto;
width: 16px; } width: 1.4em; }
/* line 90, ../../../../general/res/sass/tree/_tree.scss */ /* line 92, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon, .tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-link, .tree-item .t-object-label .type-icon .icon.l-icon-link,
.tree-item .t-object-label .type-icon .l-icon-link.t-item-icon, .tree-item .t-object-label .type-icon .l-icon-link.t-item-icon,
@ -5024,7 +5037,7 @@ ul.tree {
.search-result-item .t-object-label .type-icon .l-icon-alert.t-item-icon { .search-result-item .t-object-label .type-icon .l-icon-alert.t-item-icon {
position: absolute; position: absolute;
z-index: 2; } z-index: 2; }
/* line 95, ../../../../general/res/sass/tree/_tree.scss */ /* line 97, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-alert, .tree-item .t-object-label .type-icon .icon.l-icon-alert,
.tree-item .t-object-label .type-icon .l-icon-alert.t-item-icon, .tree-item .t-object-label .type-icon .l-icon-alert.t-item-icon,
@ -5039,7 +5052,7 @@ ul.tree {
width: 8px; width: 8px;
top: 1px; top: 1px;
right: -2px; } right: -2px; }
/* line 101, ../../../../general/res/sass/tree/_tree.scss */ /* line 103, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon, .tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-link, .tree-item .t-object-label .type-icon .icon.l-icon-link,
.tree-item .t-object-label .type-icon .l-icon-link.t-item-icon, .tree-item .t-object-label .type-icon .l-icon-link.t-item-icon,
@ -5054,7 +5067,7 @@ ul.tree {
width: 8px; width: 8px;
left: -3px; left: -3px;
bottom: 0px; } bottom: 0px; }
/* line 109, ../../../../general/res/sass/tree/_tree.scss */ /* line 111, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .title-label, .tree-item .label .title-label,
.tree-item .label .t-title-label, .tree-item .label .t-title-label,
.tree-item .t-object-label .title-label, .tree-item .t-object-label .title-label,
@ -5076,48 +5089,47 @@ ul.tree {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; } white-space: nowrap; }
/* line 120, ../../../../general/res/sass/tree/_tree.scss */ /* line 122, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected, .tree-item.selected,
.search-result-item.selected { .search-result-item.selected {
background: #1ac6ff; background: #1ac6ff;
color: #fcfcfc; } color: #fcfcfc; }
/* line 123, ../../../../general/res/sass/tree/_tree.scss */ /* line 125, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .view-control, .tree-item.selected .view-control,
.search-result-item.selected .view-control { .search-result-item.selected .view-control {
color: #fcfcfc; } color: #fcfcfc; }
/* line 126, ../../../../general/res/sass/tree/_tree.scss */ /* line 128, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .label .type-icon, .tree-item.selected .t-object-label .t-item-icon,
.search-result-item.selected .label .type-icon { .search-result-item.selected .t-object-label .t-item-icon {
color: #fcfcfc; } color: #fcfcfc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 134, ../../../../general/res/sass/tree/_tree.scss */ /* line 136, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover, .tree-item:not(.selected):hover,
.search-result-item:not(.selected):hover { .search-result-item:not(.selected):hover {
background: rgba(102, 102, 102, 0.1); background: rgba(102, 102, 102, 0.1);
color: #333333; } color: #333333; }
/* line 137, ../../../../general/res/sass/tree/_tree.scss */ /* line 139, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover .icon, .tree-item:not(.selected):hover .t-item-icon, .tree-item:not(.selected):hover .t-item-icon,
.search-result-item:not(.selected):hover .icon,
.search-result-item:not(.selected):hover .t-item-icon { .search-result-item:not(.selected):hover .t-item-icon {
color: #0099cc; } } color: #0099cc; } }
/* line 144, ../../../../general/res/sass/tree/_tree.scss */ /* line 146, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.loading), .tree-item:not(.loading),
.search-result-item:not(.loading) { .search-result-item:not(.loading) {
cursor: pointer; } cursor: pointer; }
/* line 148, ../../../../general/res/sass/tree/_tree.scss */ /* line 150, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger, .tree-item .context-trigger,
.search-result-item .context-trigger { .search-result-item .context-trigger {
top: -1px; top: -1px;
position: absolute; position: absolute;
right: 3px; } right: 3px; }
/* line 153, ../../../../general/res/sass/tree/_tree.scss */ /* line 155, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger .invoke-menu, .tree-item .context-trigger .invoke-menu,
.search-result-item .context-trigger .invoke-menu { .search-result-item .context-trigger .invoke-menu {
font-size: 0.75em; font-size: 0.75em;
height: 0.9rem; height: 0.9rem;
line-height: 0.9rem; } line-height: 0.9rem; }
/* line 162, ../../../../general/res/sass/tree/_tree.scss */ /* line 164, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .t-object-label { .tree-item .t-object-label {
left: 15px; } left: 15px; }
@ -6407,7 +6419,7 @@ table {
font-size: 30px; font-size: 30px;
left: 15px; left: 15px;
line-height: normal; } line-height: normal; }
/* line 66, ../../../../general/res/sass/mobile/_item.scss */ /* line 58, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
display: block; display: block;
opacity: 1; opacity: 1;
@ -6417,40 +6429,40 @@ table {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
height: 50px; } height: 50px; }
/* line 79, ../../../../general/res/sass/mobile/_item.scss */ /* line 71, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.top-bar { .items-holder .item.grid-item .bar.top-bar {
line-height: 50px !important; } line-height: 50px !important; }
/* line 83, ../../../../general/res/sass/mobile/_item.scss */ /* line 75, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { .items-holder .item.grid-item .bar.bottom-bar {
top: 7px; top: 7px;
bottom: auto; bottom: auto;
height: 35px; } height: 35px; }
/* line 88, ../../../../general/res/sass/mobile/_item.scss */ /* line 80, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type {
top: 10px; top: 10px;
bottom: auto; bottom: auto;
height: 30px; } height: 30px; }
/* line 91, ../../../../general/res/sass/mobile/_item.scss */ /* line 83, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
line-height: 50px; } } line-height: 50px; } }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
height: 66px; } height: 66px; }
/* line 101, ../../../../general/res/sass/mobile/_item.scss */ /* line 93, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.top-bar { .items-holder .item.grid-item .bar.top-bar {
line-height: 66px !important; } line-height: 66px !important; }
/* line 105, ../../../../general/res/sass/mobile/_item.scss */ /* line 97, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { .items-holder .item.grid-item .bar.bottom-bar {
top: 15px; top: 15px;
bottom: auto; bottom: auto;
height: 35px; } height: 35px; }
/* line 110, ../../../../general/res/sass/mobile/_item.scss */ /* line 102, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type {
top: 18px; top: 18px;
bottom: auto; bottom: auto;
height: 30px; } height: 30px; }
/* line 113, ../../../../general/res/sass/mobile/_item.scss */ /* line 105, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
line-height: 66px; } } line-height: 66px; } }