ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-10 19:31:42 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Frontend] Time Controller Markup and Styling

Browse Source 
open #1515
open #117
Begin work on styling the datetime picker;
This commit is contained in:
Charles Hacskaylo 2015-09-24 11:29:28 -07:00
parent 825d93cee3
commit 404d1e7801
7 changed files with 624 additions and 580 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -349,6 +349,11 @@ label.checkbox.custom {
} }
} }
/******************************************************** DATETIME PICKER */
.l-datetime-picker {
padding: $interiorMarginLg !important;
}
/******************************************************** BROWSER ELEMENTS */ /******************************************************** BROWSER ELEMENTS */
@include desktop { @include desktop {

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

@ -62,14 +62,13 @@
/******************************************************** MENUS THEMSELVES */ /******************************************************** MENUS THEMSELVES */
.menu-element { .menu-element {
$bg: $colorMenuBg;
$fg: $colorMenuFg;
$ic: $colorMenuIc;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
}
.menu { .menu {
@include border-radius($basicCr); @include border-radius($basicCr);
@include containerSubtle($bg, $fg); @include containerSubtle($colorMenuBg, $colorMenuFg);
@include boxShdw($shdwMenu); @include boxShdw($shdwMenu);
@include txtShdw($shdwMenuText); @include txtShdw($shdwMenuText);
display: block; // set to block via jQuery display: block; // set to block via jQuery
@ -80,8 +79,8 @@
@include menuUlReset(); @include menuUlReset();
li { li {
@include box-sizing(border-box); @include box-sizing(border-box);
border-top: 1px solid lighten($bg, 20%); border-top: 1px solid lighten($colorMenuBg, 20%);
color: pullForward($bg, 60%); color: pullForward($colorMenuBg, 60%);
line-height: $menuLineH; line-height: $menuLineH;
padding: $interiorMarginSm $interiorMargin * 2 $interiorMarginSm ($interiorMargin * 2) + $treeTypeIconW; padding: $interiorMarginSm $interiorMargin * 2 $interiorMarginSm ($interiorMargin * 2) + $treeTypeIconW;
position: relative; position: relative;
@ -110,16 +109,16 @@
ul li { ul li {
//padding-left: 25px; //padding-left: 25px;
a { a {
color: $fg; color: $colorMenuFg;
} }
.icon { .icon {
color: $ic; color: $colorMenuIc;
} }
.type-icon { .type-icon {
left: $interiorMargin; left: $interiorMargin;
} }
&:hover .icon { &:hover .icon {
//color: lighten($ic, 5%); //color: lighten($colorMenuIc, 5%);
} }
} }
} }
@ -208,7 +207,7 @@
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
&.description { &.description {
//color: lighten($bg, 30%); //color: lighten($colorMenuBg, 30%);
color: $colorCreateMenuText; color: $colorCreateMenuText;
font-size: 0.8em; font-size: 0.8em;
line-height: 1.5em; line-height: 1.5em;
@ -219,29 +218,32 @@
.context-menu { .context-menu {
font-size: 0.80rem; font-size: 0.80rem;
} }
}
.context-menu-holder { .context-menu-holder,
.menu-holder {
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
height: 200px;
width: 170px;
z-index: 70; z-index: 70;
.context-menu-wrapper { .context-menu-wrapper {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 100%; width: 100%;
.context-menu {
} }
} &.go-left .context-menu,
&.go-left .context-menu { &.go-left .menu {
right: 0; right: 0;
} }
&.go-up .context-menu { &.go-up .context-menu,
&.go-up .menu {
bottom: 0; bottom: 0;
} }
} }
.context-menu-holder {
height: 200px;
width: 170px;
}
.btn-bar.right .menu, .btn-bar.right .menu,
.menus-to-left .menu { .menus-to-left .menu {
left: auto; left: auto;

5
platform/commonUI/general/res/sass/forms/_selects.scss
View File

@ -40,11 +40,8 @@
} }
&:after { &:after {
@include contextArrow(); @include contextArrow();
pointer-events: none;
color: rgba($colorSelectFg, percentToDecimal($contrastInvokeMenuPercent)); color: rgba($colorSelectFg, percentToDecimal($contrastInvokeMenuPercent));
//content:"v";
//display: block;
//font-family: 'symbolsfont';
//pointer-events: none;
position: absolute; position: absolute;
right: $interiorMargin; top: 0; right: $interiorMargin; top: 0;
} }

12
platform/commonUI/general/res/templates/controls/datetime-picker.html
View File

@ -20,8 +20,9 @@
at runtime from the About dialog for additional information. at runtime from the About dialog for additional information.
--> -->
<div ng-controller="DateTimePickerController"> <div ng-controller="DateTimePickerController" class="menu l-datetime-picker s-datetime-picker">
<div style="vertical-align: top; display: inline-block"> <div class="holder">
<div class="l-calendar">
<div style="text-align: center;"> <div style="text-align: center;">
<a ng-click="changeMonth(-1)">&lt;</a> <a ng-click="changeMonth(-1)">&lt;</a>
{{month}} {{year}} {{month}} {{year}}
@ -49,13 +50,16 @@
</table> </table>
</div> </div>
</div> </div>
<div style="vertical-align: top; display: inline-block" <div class="l-time-selects"
ng-repeat="key in ['hours', 'minutes', 'seconds']" ng-repeat="key in ['hours', 'minutes', 'seconds']"
ng-if="options[key]"> ng-if="options[key]">
<div>{{nameFor(key)}}</div> <div>{{nameFor(key)}}</div>
<select size="10" <div class='form-control select'>
<select size="1"
ng-model="time[key]" ng-model="time[key]"
ng-options="i for i in optionsFor(key)"> ng-options="i for i in optionsFor(key)">
</select> </select>
</div> </div>
</div> </div>
</div>
</div>

12
platform/commonUI/general/res/templates/controls/time-controller.html
View File

@ -20,8 +20,6 @@
at runtime from the About dialog for additional information. at runtime from the About dialog for additional information.
--> -->
<div class="l-time-controller" ng-controller="TimeRangeController"> <div class="l-time-controller" ng-controller="TimeRangeController">
<div class="l-time-range-inputs-holder"> <div class="l-time-range-inputs-holder">
<span class="l-time-range-inputs-elem ui-symbol type-icon">&#x43;</span> <span class="l-time-range-inputs-elem ui-symbol type-icon">&#x43;</span>
@ -29,11 +27,9 @@
<!--<span class="lbl">Start</span>--> <!--<span class="lbl">Start</span>-->
<span class="s-btn time-range-start" ng-click="t1.toggle()"> <span class="s-btn time-range-start" ng-click="t1.toggle()">
<span class="val">{{startOuterText}}</span> <span class="val">{{startOuterText}}</span>
<span>
<a class="ui-symbol icon icon-calendar"></a> <a class="ui-symbol icon icon-calendar"></a>
<mct-popup ng-if="t1.isActive()"> <mct-popup ng-if="t1.isActive()">
<div style="background: #222;" <div mct-click-elsewhere="t1.setState(false)" class="menu-holder go-up">
mct-click-elsewhere="t1.setState(false)">
<mct-control key="'datetime-picker'" <mct-control key="'datetime-picker'"
ng-model="ngModel.outer" ng-model="ngModel.outer"
field="'start'" field="'start'"
@ -43,7 +39,6 @@
</mct-popup> </mct-popup>
</span> </span>
</span> </span>
</span>
<span class="l-time-range-inputs-elem lbl">to</span> <span class="l-time-range-inputs-elem lbl">to</span>
@ -51,11 +46,9 @@
<!--<span class="lbl">End</span>--> <!--<span class="lbl">End</span>-->
<span class="s-btn l-time-range-input" ng-click="t2.toggle()"> <span class="s-btn l-time-range-input" ng-click="t2.toggle()">
<span class="val">{{endOuterText}}</span> <span class="val">{{endOuterText}}</span>
<span>
<a class="ui-symbol icon icon-calendar"></a> <a class="ui-symbol icon icon-calendar"></a>
<mct-popup ng-if="t2.isActive()"> <mct-popup ng-if="t2.isActive()">
<div style="background: #222;" <div mct-click-elsewhere="t2.setState(false)" class="menu-holder go-up">
mct-click-elsewhere="t2.setState(false)">
<mct-control key="'datetime-picker'" <mct-control key="'datetime-picker'"
ng-model="ngModel.outer" ng-model="ngModel.outer"
field="'end'" field="'end'"
@ -63,7 +56,6 @@
</mct-control> </mct-control>
</div> </div>
</mct-popup> </mct-popup>
</span>
</span>&nbsp; </span>&nbsp;
</span> </span>

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

@ -1898,9 +1898,14 @@ label.checkbox.custom {
.slider .range:hover { .slider .range:hover {
background-color: rgba(0, 153, 204, 0.5); } background-color: rgba(0, 153, 204, 0.5); }
/******************************************************** DATETIME PICKER */
/* line 353, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker {
padding: 10px !important; }
/******************************************************** BROWSER ELEMENTS */ /******************************************************** BROWSER ELEMENTS */
@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 355, ../../../../general/res/sass/controls/_controls.scss */ /* line 360, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar { ::-webkit-scrollbar {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -1915,7 +1920,7 @@ label.checkbox.custom {
height: 10px; height: 10px;
width: 10px; } width: 10px; }
/* line 364, ../../../../general/res/sass/controls/_controls.scss */ /* line 369, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@ -1929,7 +1934,7 @@ label.checkbox.custom {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
/* line 373, ../../../../general/res/sass/controls/_controls.scss */ /* line 378, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@ -1938,7 +1943,7 @@ label.checkbox.custom {
background-image: -webkit-linear-gradient(#5e5e5e, #525252 20px); background-image: -webkit-linear-gradient(#5e5e5e, #525252 20px);
background-image: linear-gradient(#5e5e5e, #525252 20px); } background-image: linear-gradient(#5e5e5e, #525252 20px); }
/* line 378, ../../../../general/res/sass/controls/_controls.scss */ /* line 383, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-corner { ::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0.4); } } background: rgba(0, 0, 0, 0.4); } }
/***************************************************************************** /*****************************************************************************
@ -2027,8 +2032,9 @@ label.checkbox.custom {
.menu-element { .menu-element {
cursor: pointer; cursor: pointer;
position: relative; } position: relative; }
/* line 70, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu { /* line 69, ../../../../general/res/sass/controls/_menus.scss */
.menu {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -2055,17 +2061,17 @@ label.checkbox.custom {
padding: 3px 0; padding: 3px 0;
position: absolute; position: absolute;
z-index: 10; } z-index: 10; }
/* line 79, ../../../../general/res/sass/controls/_menus.scss */ /* line 78, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul { .menu ul {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 329, ../../../../general/res/sass/_mixins.scss */ /* line 329, ../../../../general/res/sass/_mixins.scss */
.menu-element .menu ul li { .menu ul li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 81, ../../../../general/res/sass/controls/_menus.scss */ /* line 80, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li { .menu ul li {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
@ -2075,71 +2081,74 @@ label.checkbox.custom {
padding: 3px 10px 3px 30px; padding: 3px 10px 3px 30px;
position: relative; position: relative;
white-space: nowrap; } white-space: nowrap; }
/* line 89, ../../../../general/res/sass/controls/_menus.scss */ /* line 88, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li:first-child { .menu ul li:first-child {
border: none; } border: none; }
/* line 92, ../../../../general/res/sass/controls/_menus.scss */ /* line 91, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li:hover { .menu ul li:hover {
background: #878787; background: #878787;
color: #fff; } color: #fff; }
/* line 95, ../../../../general/res/sass/controls/_menus.scss */ /* line 94, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li:hover .icon { .menu ul li:hover .icon {
color: #fff; } color: #fff; }
/* line 99, ../../../../general/res/sass/controls/_menus.scss */ /* line 98, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li .type-icon { .menu ul li .type-icon {
left: 10px; } left: 10px; }
/* line 106, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu, /* line 105, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .context-menu, .menu,
.menu-element .checkbox-menu, .context-menu,
.menu-element .super-menu { .checkbox-menu,
.super-menu {
pointer-events: auto; } pointer-events: auto; }
/* line 112, ../../../../general/res/sass/controls/_menus.scss */ /* line 111, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li a, .menu ul li a,
.menu-element .context-menu ul li a, .context-menu ul li a,
.menu-element .checkbox-menu ul li a, .checkbox-menu ul li a,
.menu-element .super-menu ul li a { .super-menu ul li a {
color: white; } color: white; }
/* line 115, ../../../../general/res/sass/controls/_menus.scss */ /* line 114, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li .icon, .menu ul li .icon,
.menu-element .context-menu ul li .icon, .context-menu ul li .icon,
.menu-element .checkbox-menu ul li .icon, .checkbox-menu ul li .icon,
.menu-element .super-menu ul li .icon { .super-menu ul li .icon {
color: #24c8ff; } color: #24c8ff; }
/* line 118, ../../../../general/res/sass/controls/_menus.scss */ /* line 117, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li .type-icon, .menu ul li .type-icon,
.menu-element .context-menu ul li .type-icon, .context-menu ul li .type-icon,
.menu-element .checkbox-menu ul li .type-icon, .checkbox-menu ul li .type-icon,
.menu-element .super-menu ul li .type-icon { .super-menu ul li .type-icon {
left: 5px; } left: 5px; }
/* line 130, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li { /* line 129, ../../../../general/res/sass/controls/_menus.scss */
.checkbox-menu ul li {
padding-left: 50px; } padding-left: 50px; }
/* line 132, ../../../../general/res/sass/controls/_menus.scss */ /* line 131, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li .checkbox { .checkbox-menu ul li .checkbox {
position: absolute; position: absolute;
left: 5px; left: 5px;
top: 0.53333rem; } top: 0.53333rem; }
/* line 137, ../../../../general/res/sass/controls/_menus.scss */ /* line 136, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li .checkbox em { .checkbox-menu ul li .checkbox em {
height: 0.7rem; height: 0.7rem;
width: 0.7rem; } width: 0.7rem; }
/* line 140, ../../../../general/res/sass/controls/_menus.scss */ /* line 139, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li .checkbox em:before { .checkbox-menu ul li .checkbox em:before {
font-size: 7px !important; font-size: 7px !important;
height: 0.7rem; height: 0.7rem;
width: 0.7rem; width: 0.7rem;
line-height: 0.7rem; } line-height: 0.7rem; }
/* line 148, ../../../../general/res/sass/controls/_menus.scss */ /* line 147, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li .type-icon { .checkbox-menu ul li .type-icon {
left: 25px; } left: 25px; }
/* line 154, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu { /* line 153, ../../../../general/res/sass/controls/_menus.scss */
.super-menu {
display: block; display: block;
width: 500px; width: 500px;
height: 480px; } height: 480px; }
/* line 162, ../../../../general/res/sass/controls/_menus.scss */ /* line 161, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .contents { .super-menu .contents {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
top: 5px; top: 5px;
@ -2148,13 +2157,13 @@ label.checkbox.custom {
left: 5px; left: 5px;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 165, ../../../../general/res/sass/controls/_menus.scss */ /* line 164, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane { .super-menu .pane {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
/* line 167, ../../../../general/res/sass/controls/_menus.scss */ /* line 166, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane.left { .super-menu .pane.left {
border-right: 1px solid #878787; border-right: 1px solid #878787;
left: 0; left: 0;
padding-right: 5px; padding-right: 5px;
@ -2162,21 +2171,21 @@ label.checkbox.custom {
width: 50%; width: 50%;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; } overflow-y: auto; }
/* line 177, ../../../../general/res/sass/controls/_menus.scss */ /* line 176, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane.left ul li { .super-menu .pane.left ul li {
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
padding-left: 30px; padding-left: 30px;
border-top: none; } border-top: none; }
/* line 184, ../../../../general/res/sass/controls/_menus.scss */ /* line 183, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane.right { .super-menu .pane.right {
left: auto; left: auto;
right: 0; right: 0;
padding: 25px; padding: 25px;
width: 50%; } width: 50%; }
/* line 194, ../../../../general/res/sass/controls/_menus.scss */ /* line 193, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .menu-item-description .desc-area.icon { .super-menu .menu-item-description .desc-area.icon {
color: white; color: white;
position: relative; position: relative;
font-size: 8em; font-size: 8em;
@ -2185,40 +2194,52 @@ label.checkbox.custom {
line-height: 150px; line-height: 150px;
margin-bottom: 25px; margin-bottom: 25px;
text-align: center; } text-align: center; }
/* line 205, ../../../../general/res/sass/controls/_menus.scss */ /* line 204, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .menu-item-description .desc-area.title { .super-menu .menu-item-description .desc-area.title {
color: white; color: white;
font-size: 1.2em; font-size: 1.2em;
margin-bottom: 0.5em; } margin-bottom: 0.5em; }
/* line 210, ../../../../general/res/sass/controls/_menus.scss */ /* line 209, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .menu-item-description .desc-area.description { .super-menu .menu-item-description .desc-area.description {
color: white; color: white;
font-size: 0.8em; font-size: 0.8em;
line-height: 1.5em; } line-height: 1.5em; }
/* line 219, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .context-menu, .menu-element .checkbox-menu { /* line 218, ../../../../general/res/sass/controls/_menus.scss */
.context-menu, .checkbox-menu {
font-size: 0.80rem; } font-size: 0.80rem; }
/* line 224, ../../../../general/res/sass/controls/_menus.scss */ /* line 222, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder { .context-menu-holder,
.menu-holder {
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
height: 200px;
width: 170px;
z-index: 70; } z-index: 70; }
/* line 230, ../../../../general/res/sass/controls/_menus.scss */ /* line 227, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder .context-menu-wrapper { .context-menu-holder .context-menu-wrapper,
.menu-holder .context-menu-wrapper {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 100%; } width: 100%; }
/* line 237, ../../../../general/res/sass/controls/_menus.scss */ /* line 232, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-left .checkbox-menu { .context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .checkbox-menu, .context-menu-holder.go-left .menu,
.menu-holder.go-left .context-menu,
.menu-holder.go-left .checkbox-menu,
.menu-holder.go-left .menu {
right: 0; } right: 0; }
/* line 240, ../../../../general/res/sass/controls/_menus.scss */ /* line 236, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-up .checkbox-menu { .context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .checkbox-menu, .context-menu-holder.go-up .menu,
.menu-holder.go-up .context-menu,
.menu-holder.go-up .checkbox-menu,
.menu-holder.go-up .menu {
bottom: 0; } bottom: 0; }
/* line 245, ../../../../general/res/sass/controls/_menus.scss */ /* line 242, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder {
height: 200px;
width: 170px; }
/* line 247, ../../../../general/res/sass/controls/_menus.scss */
.btn-bar.right .menu, .btn-bar.right .menu,
.menus-to-left .menu { .menus-to-left .menu {
left: auto; left: auto;
@ -2685,6 +2706,7 @@ textarea {
font-family: 'symbolsfont'; font-family: 'symbolsfont';
margin-left: 3px; margin-left: 3px;
vertical-align: top; vertical-align: top;
pointer-events: none;
color: rgba(153, 153, 153, 0.2); color: rgba(153, 153, 153, 0.2);
position: absolute; position: absolute;
right: 5px; right: 5px;

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

@ -1868,9 +1868,14 @@ label.checkbox.custom {
.slider .range:hover { .slider .range:hover {
background-color: rgba(0, 153, 204, 0.5); } background-color: rgba(0, 153, 204, 0.5); }
/******************************************************** DATETIME PICKER */
/* line 353, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker {
padding: 10px !important; }
/******************************************************** BROWSER ELEMENTS */ /******************************************************** BROWSER ELEMENTS */
@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 355, ../../../../general/res/sass/controls/_controls.scss */ /* line 360, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar { ::-webkit-scrollbar {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -1885,7 +1890,7 @@ label.checkbox.custom {
height: 10px; height: 10px;
width: 10px; } width: 10px; }
/* line 364, ../../../../general/res/sass/controls/_controls.scss */ /* line 369, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkN2Q3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkN2Q3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@ -1899,7 +1904,7 @@ label.checkbox.custom {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
/* line 373, ../../../../general/res/sass/controls/_controls.scss */ /* line 378, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@ -1908,7 +1913,7 @@ label.checkbox.custom {
background-image: -webkit-linear-gradient(#00ace6, #0099cc 20px); background-image: -webkit-linear-gradient(#00ace6, #0099cc 20px);
background-image: linear-gradient(#00ace6, #0099cc 20px); } background-image: linear-gradient(#00ace6, #0099cc 20px); }
/* line 378, ../../../../general/res/sass/controls/_controls.scss */ /* line 383, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-corner { ::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0.1); } } background: rgba(0, 0, 0, 0.1); } }
/***************************************************************************** /*****************************************************************************
@ -1997,8 +2002,9 @@ label.checkbox.custom {
.menu-element { .menu-element {
cursor: pointer; cursor: pointer;
position: relative; } position: relative; }
/* line 70, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu { /* line 69, ../../../../general/res/sass/controls/_menus.scss */
.menu {
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
@ -2019,17 +2025,17 @@ label.checkbox.custom {
padding: 3px 0; padding: 3px 0;
position: absolute; position: absolute;
z-index: 10; } z-index: 10; }
/* line 79, ../../../../general/res/sass/controls/_menus.scss */ /* line 78, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul { .menu ul {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 329, ../../../../general/res/sass/_mixins.scss */ /* line 329, ../../../../general/res/sass/_mixins.scss */
.menu-element .menu ul li { .menu ul li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 81, ../../../../general/res/sass/controls/_menus.scss */ /* line 80, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li { .menu ul li {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
@ -2039,71 +2045,74 @@ label.checkbox.custom {
padding: 3px 10px 3px 30px; padding: 3px 10px 3px 30px;
position: relative; position: relative;
white-space: nowrap; } white-space: nowrap; }
/* line 89, ../../../../general/res/sass/controls/_menus.scss */ /* line 88, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li:first-child { .menu ul li:first-child {
border: none; } border: none; }
/* line 92, ../../../../general/res/sass/controls/_menus.scss */ /* line 91, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li:hover { .menu ul li:hover {
background: #e6e6e6; background: #e6e6e6;
color: #4d4d4d; } color: #4d4d4d; }
/* line 95, ../../../../general/res/sass/controls/_menus.scss */ /* line 94, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li:hover .icon { .menu ul li:hover .icon {
color: #0099cc; } color: #0099cc; }
/* line 99, ../../../../general/res/sass/controls/_menus.scss */ /* line 98, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li .type-icon { .menu ul li .type-icon {
left: 10px; } left: 10px; }
/* line 106, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu, /* line 105, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .context-menu, .menu,
.menu-element .checkbox-menu, .context-menu,
.menu-element .super-menu { .checkbox-menu,
.super-menu {
pointer-events: auto; } pointer-events: auto; }
/* line 112, ../../../../general/res/sass/controls/_menus.scss */ /* line 111, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li a, .menu ul li a,
.menu-element .context-menu ul li a, .context-menu ul li a,
.menu-element .checkbox-menu ul li a, .checkbox-menu ul li a,
.menu-element .super-menu ul li a { .super-menu ul li a {
color: #4d4d4d; } color: #4d4d4d; }
/* line 115, ../../../../general/res/sass/controls/_menus.scss */ /* line 114, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li .icon, .menu ul li .icon,
.menu-element .context-menu ul li .icon, .context-menu ul li .icon,
.menu-element .checkbox-menu ul li .icon, .checkbox-menu ul li .icon,
.menu-element .super-menu ul li .icon { .super-menu ul li .icon {
color: #0099cc; } color: #0099cc; }
/* line 118, ../../../../general/res/sass/controls/_menus.scss */ /* line 117, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .menu ul li .type-icon, .menu ul li .type-icon,
.menu-element .context-menu ul li .type-icon, .context-menu ul li .type-icon,
.menu-element .checkbox-menu ul li .type-icon, .checkbox-menu ul li .type-icon,
.menu-element .super-menu ul li .type-icon { .super-menu ul li .type-icon {
left: 5px; } left: 5px; }
/* line 130, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li { /* line 129, ../../../../general/res/sass/controls/_menus.scss */
.checkbox-menu ul li {
padding-left: 50px; } padding-left: 50px; }
/* line 132, ../../../../general/res/sass/controls/_menus.scss */ /* line 131, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li .checkbox { .checkbox-menu ul li .checkbox {
position: absolute; position: absolute;
left: 5px; left: 5px;
top: 0.53333rem; } top: 0.53333rem; }
/* line 137, ../../../../general/res/sass/controls/_menus.scss */ /* line 136, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li .checkbox em { .checkbox-menu ul li .checkbox em {
height: 0.7rem; height: 0.7rem;
width: 0.7rem; } width: 0.7rem; }
/* line 140, ../../../../general/res/sass/controls/_menus.scss */ /* line 139, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li .checkbox em:before { .checkbox-menu ul li .checkbox em:before {
font-size: 7px !important; font-size: 7px !important;
height: 0.7rem; height: 0.7rem;
width: 0.7rem; width: 0.7rem;
line-height: 0.7rem; } line-height: 0.7rem; }
/* line 148, ../../../../general/res/sass/controls/_menus.scss */ /* line 147, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .checkbox-menu ul li .type-icon { .checkbox-menu ul li .type-icon {
left: 25px; } left: 25px; }
/* line 154, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu { /* line 153, ../../../../general/res/sass/controls/_menus.scss */
.super-menu {
display: block; display: block;
width: 500px; width: 500px;
height: 480px; } height: 480px; }
/* line 162, ../../../../general/res/sass/controls/_menus.scss */ /* line 161, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .contents { .super-menu .contents {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
top: 5px; top: 5px;
@ -2112,13 +2121,13 @@ label.checkbox.custom {
left: 5px; left: 5px;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 165, ../../../../general/res/sass/controls/_menus.scss */ /* line 164, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane { .super-menu .pane {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
/* line 167, ../../../../general/res/sass/controls/_menus.scss */ /* line 166, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane.left { .super-menu .pane.left {
border-right: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;
left: 0; left: 0;
padding-right: 5px; padding-right: 5px;
@ -2126,21 +2135,21 @@ label.checkbox.custom {
width: 50%; width: 50%;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; } overflow-y: auto; }
/* line 177, ../../../../general/res/sass/controls/_menus.scss */ /* line 176, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane.left ul li { .super-menu .pane.left ul li {
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
padding-left: 30px; padding-left: 30px;
border-top: none; } border-top: none; }
/* line 184, ../../../../general/res/sass/controls/_menus.scss */ /* line 183, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane.right { .super-menu .pane.right {
left: auto; left: auto;
right: 0; right: 0;
padding: 25px; padding: 25px;
width: 50%; } width: 50%; }
/* line 194, ../../../../general/res/sass/controls/_menus.scss */ /* line 193, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .menu-item-description .desc-area.icon { .super-menu .menu-item-description .desc-area.icon {
color: #0099cc; color: #0099cc;
position: relative; position: relative;
font-size: 8em; font-size: 8em;
@ -2149,40 +2158,52 @@ label.checkbox.custom {
line-height: 150px; line-height: 150px;
margin-bottom: 25px; margin-bottom: 25px;
text-align: center; } text-align: center; }
/* line 205, ../../../../general/res/sass/controls/_menus.scss */ /* line 204, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .menu-item-description .desc-area.title { .super-menu .menu-item-description .desc-area.title {
color: #666; color: #666;
font-size: 1.2em; font-size: 1.2em;
margin-bottom: 0.5em; } margin-bottom: 0.5em; }
/* line 210, ../../../../general/res/sass/controls/_menus.scss */ /* line 209, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .menu-item-description .desc-area.description { .super-menu .menu-item-description .desc-area.description {
color: #666; color: #666;
font-size: 0.8em; font-size: 0.8em;
line-height: 1.5em; } line-height: 1.5em; }
/* line 219, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .context-menu, .menu-element .checkbox-menu { /* line 218, ../../../../general/res/sass/controls/_menus.scss */
.context-menu, .checkbox-menu {
font-size: 0.80rem; } font-size: 0.80rem; }
/* line 224, ../../../../general/res/sass/controls/_menus.scss */ /* line 222, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder { .context-menu-holder,
.menu-holder {
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
height: 200px;
width: 170px;
z-index: 70; } z-index: 70; }
/* line 230, ../../../../general/res/sass/controls/_menus.scss */ /* line 227, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder .context-menu-wrapper { .context-menu-holder .context-menu-wrapper,
.menu-holder .context-menu-wrapper {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 100%; } width: 100%; }
/* line 237, ../../../../general/res/sass/controls/_menus.scss */ /* line 232, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-left .checkbox-menu { .context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .checkbox-menu, .context-menu-holder.go-left .menu,
.menu-holder.go-left .context-menu,
.menu-holder.go-left .checkbox-menu,
.menu-holder.go-left .menu {
right: 0; } right: 0; }
/* line 240, ../../../../general/res/sass/controls/_menus.scss */ /* line 236, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-up .checkbox-menu { .context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .checkbox-menu, .context-menu-holder.go-up .menu,
.menu-holder.go-up .context-menu,
.menu-holder.go-up .checkbox-menu,
.menu-holder.go-up .menu {
bottom: 0; } bottom: 0; }
/* line 245, ../../../../general/res/sass/controls/_menus.scss */ /* line 242, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder {
height: 200px;
width: 170px; }
/* line 247, ../../../../general/res/sass/controls/_menus.scss */
.btn-bar.right .menu, .btn-bar.right .menu,
.menus-to-left .menu { .menus-to-left .menu {
left: auto; left: auto;
@ -2633,6 +2654,7 @@ textarea {
font-family: 'symbolsfont'; font-family: 'symbolsfont';
margin-left: 3px; margin-left: 3px;
vertical-align: top; vertical-align: top;
pointer-events: none;
color: rgba(102, 102, 102, 0.4); color: rgba(102, 102, 102, 0.4);
position: absolute; position: absolute;
right: 5px; right: 5px;