diff --git a/calendar/js/et2_widget_owner.js b/calendar/js/et2_widget_owner.js index 09664652d7..2615c9cece 100644 --- a/calendar/js/et2_widget_owner.js +++ b/calendar/js/et2_widget_owner.js @@ -52,8 +52,10 @@ var et2_calendar_owner = et2_taglist_email.extend( // Allows sub-widgets to override options to the library lib_options: { + autoSelect: false, groupBy: 'app', minChars: 2, + selectFirst: true, // This option will also expand when the selection is changed // via code, which we do not want //expandOnFocus: true @@ -67,20 +69,18 @@ var et2_calendar_owner = et2_taglist_email.extend( var widget = this; // onChange fired when losing focus, which is different from normal this._oldValue = this.taglist.getValue(); - $j(this.taglist) - .off("selectionchange"); - // .on('focus', function() {debugger; widget.taglist.expand();}); + this.$taglist + .on('focus', function() {widget.taglist.expand();}) + // Since not using autoSelect, avoid some errors with selection starting + // with the group + .on('load expand', function() { + window.setTimeout(function() { + widget.div.find('.ms-res-item-active') + .removeClass('ms-res-item-active'); + },1); + }) + - if(this.options.onchange && typeof this.onchange === 'function') - { - $j(this.taglist).on("blur", function() { - if(widget._oldValue.toString() !== widget.taglist.getValue().toString()) - { - widget.onchange.call(widget, arguments); - } - widget._oldValue = widget.taglist.getValue(); - }); - } return true; }, diff --git a/calendar/templates/default/app.css b/calendar/templates/default/app.css index 271814b4ea..3898fc0423 100644 --- a/calendar/templates/default/app.css +++ b/calendar/templates/default/app.css @@ -89,6 +89,10 @@ #calendar-sidebox_date .calendar_calHoliday a { background-color: rgba(103, 159, 210, 0.5); } +#calendar-sidebox_owner .ms-helper { + padding: 2px; + background-color: white; +} /* Toolbar */ #calendar-toolbar { diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css index aebd315025..9b7dcc6248 100755 --- a/calendar/templates/pixelegg/app.css +++ b/calendar/templates/pixelegg/app.css @@ -102,6 +102,10 @@ #calendar-sidebox_date .calendar_calHoliday a { background-color: rgba(103, 159, 210, 0.5); } +#calendar-sidebox_owner .ms-helper { + padding: 2px; + background-color: white; +} /* Toolbar */ #calendar-toolbar { height: 30px; diff --git a/etemplate/js/et2_widget_taglist.js b/etemplate/js/et2_widget_taglist.js index 8f87345ddc..7be2d1262e 100644 --- a/etemplate/js/et2_widget_taglist.js +++ b/etemplate/js/et2_widget_taglist.js @@ -168,7 +168,7 @@ var et2_taglist = et2_selectbox.extend( // MagicSuggest would replaces our div, so add a wrapper instead this.taglist = $j('
').appendTo(this.div); - var options = jQuery.extend( { + this.taglist_options = jQuery.extend( { // magisuggest can NOT work setting an empty autocomplete url, it will then call page url! // --> setting an empty options list instead data: this.options.select_options && !jQuery.isEmptyObject(this.options.select_options) ? @@ -194,7 +194,8 @@ var et2_taglist = et2_selectbox.extend( highlight: false, // otherwise renderer have to return strings, value: this.options.value }, this.lib_options); - this.taglist = this.taglist.magicSuggest(options); + this.taglist = this.taglist.magicSuggest(this.taglist_options); + this.$taglist = $j(this.taglist); // AJAX _and_ select options - use custom function if(this.options.autocomplete_url && !jQuery.isEmptyObject(this.options.select_options)) @@ -206,11 +207,13 @@ var et2_taglist = et2_selectbox.extend( } // Display / hide a loading icon while fetching - $j(this.taglist) + this.$taglist .on("beforeload", function() {this.container.prepend('');}) .on("load", function() {$j('.loading',this.container).remove();}) // Keep focus when selecting from the list - .on("selectionchange", function() { $j('input',this.container).focus();}); + .on("selectionchange", function() { $j('input',this.container).focus();}) + // Bind keyup so we can start ajax search when we like + .on('keyup.start_search', jQuery.proxy(this._keyup, this)); // Unbind change handler of widget's ancestor to stop it from bubbling // taglist has its own onchange @@ -219,7 +222,7 @@ var et2_taglist = et2_selectbox.extend( // onChange if(this.options.onchange && typeof this.onchange === 'function') { - $j(this.taglist).on("selectionchange", this.onchange); + this.$taglist.on("selectionchange", this.onchange); } // onClick - pass more than baseWidget, so unbind it to avoid double callback @@ -236,7 +239,7 @@ var et2_taglist = et2_selectbox.extend( if (typeof this.onfocus == 'function') { var widget = this; - $j(this.taglist).focus(function(e) { + this.$taglist.focus(function(e) { widget.onfocus.call(widget.taglist, e, widget); }); } @@ -276,12 +279,12 @@ var et2_taglist = et2_selectbox.extend( * @returns {Array} */ _data: function(query) { - if(query.trim() ==='' || !this.options.autocomplete_url) - { - // No server - let magicsuggest handle options - return this.options.select_options; - } - if (!jQuery.isEmptyObject(this.options.select_options)) + + var return_value = this.options.select_options || {}; + + if (!jQuery.isEmptyObject(this.options.select_options) && !this._query_server + || query.trim().length < this.taglist_options.minChars + || !this.options.autocomplete_url) { // Check options, if there's a match there (that is not already // selected), do not ask server @@ -294,13 +297,35 @@ var et2_taglist = et2_selectbox.extend( filtered.push(obj); } }); - return filtered.length > 0 ? filtered : this.options.autocomplete_url + return_value = filtered.length > 0 ? filtered : this.options.autocomplete_url } - else + else if (query.trim().length >= this.taglist_options.minChars || this._query_server) { // No options - ask server return this.options.autocomplete_url; } + this._query_server = false; + + return return_value; + }, + + /** + * Handler for keyup, used to start ajax search when we like + */ + _keyup: function(e, taglist, event) { + if(event.which === jQuery.ui.keyCode.ENTER) + { + this._query_server = true; + this.taglist.collapse(); + this.taglist.expand(); + this._query_server = false; + + this.div.find('.ms-res-item-active') + .removeClass('ms-res-item-active'); + + event.preventDefault(); + return false; + } }, /** diff --git a/etemplate/templates/default/etemplate2.css b/etemplate/templates/default/etemplate2.css index d049fadd03..394cf7a93c 100644 --- a/etemplate/templates/default/etemplate2.css +++ b/etemplate/templates/default/etemplate2.css @@ -1542,7 +1542,15 @@ div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button { margin: 0px auto -16px auto; top: 5px; } -.ms-res-ctn { +.et2_taglist div.ms-sel-ctn .ms-close-btn { + width: 10px; + height: 10px; + background-position-y: -10px; + background-size: cover; + background-repeat: no-repeat; + margin: 2px -16px 0 10px; +} +.et2_taglist .ms-res-ctn { position:absolute; background: #FFF; overflow-y: auto; @@ -1558,16 +1566,41 @@ div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button { border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; + padding: 1px 0px; } -div.ms-sel-ctn { +.et2_taglist div.ms-sel-ctn { padding-right: 0px; } -div.ms-sel-ctn .ms-sel-item { +.et2_taglist div.ms-sel-ctn .ms-sel-item { + margin: 0px 5px 3px 0px; + padding: 3px 20px 3px 5px; + border: 1px solid #aaa; + border-radius: 3px; + background-color: #e4e4e4; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); + background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-clip: padding-box; + box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); + color: #333; + line-height: 13px; + font-size: 11px; + cursor: default; word-break: break-all; } -.ms-ctn input:focus { +.et2_taglist div.ms-ctn input { + padding: 3px 5px; +} +.et2_taglist div.ms-ctn input:focus { min-width: 10em; } + +.et2_taglist .ms-res-ctn .ms-res-item { + line-height: 13px; + padding: 3px 6px; +} /** * et2_toolbar */ diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index d5a4697f28..e196bccaad 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -1137,19 +1137,6 @@ /** * et2_taglist */ - .ms-ctn, - .ms-res-ctn { - /* It doesn't really work smaller than this */ - min-width: 150px; - } - .ms-ctn .loading { - position: relative; - margin: 0px auto -16px auto; - top: 5px; - } - .ms-res-ctn { - overflow-x: hidden; - } /** * et2_toolbar */ @@ -1713,233 +1700,6 @@ div#ui-datepicker-div { * @package pixelegg * @version $Id$ */ -div.ms-ctn { - position: relative; - height: auto; - padding: 0; - margin-bottom: 0px; - font-size: 14px; - line-height: 20px; - color: #555555; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #ffffff; - border: 1px solid #cccccc; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; - cursor: default; - display: block; -} -input.ms-inv { - border: 1px solid #CC0000; -} -div.ms-ctn-readonly { - cursor: pointer; -} -div.ms-ctn-disabled { - cursor: not-allowed; - background-color: #eeeeee; -} -div.ms-ctn input { - border: 0; - box-shadow: none; - -webkit-transition: none; - outline: none; - display: block; - padding: 4px 6px; - line-height: normal; - overflow: hidden; - height: auto; - border-radius: 0; - float: none; - margin: 2px 0 2px 2px; -} -div.ms-ctn-disabled input { - cursor: not-allowed; - background-color: #eeeeee; -} -div.ms-ctn .ms-input-readonly { - cursor: pointer; -} -div.ms-ctn .ms-empty-text { - color: #DDD; -} -div.ms-ctn input:focus { - border: 0; - box-shadow: none; - -webkit-transition: none; - background: #FFF; -} -div.ms-ctn .ms-trigger { - float: right; - width: 27px; - height: 28px; - border-left: 1px solid #CCC; - background: #EEE; - cursor: pointer; -} -div.ms-ctn .ms-trigger .ms-trigger-ico { - display: inline-block; - width: 0; - height: 0; - vertical-align: top; - border-top: 4px solid gray; - border-right: 4px solid transparent; - border-left: 4px solid transparent; - content: ""; - margin-left: 9px; - margin-top: 13px; -} -div.ms-ctn .ms-trigger:hover { - background: -moz-linear-gradient(100% 100% 90deg, #e3e3e3, #f1f1f1); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e3e3e3)); -} -div.ms-ctn .ms-trigger:hover .ms-trigger-ico { - background-position: 0 -4px; -} -div.ms-ctn-disabled .ms-trigger { - cursor: not-allowed; - background-color: #eeeeee; -} -div.ms-ctn-bootstrap-focus { - border-bottom: 1px solid #CCC; -} -div.ms-res-ctn { - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; -} -div.ms-res-ctn .ms-res-group { - line-height: 23px; - text-align: left; - padding: 2px 5px; - font-weight: bold; - border-bottom: 1px dotted #CCC; - border-top: 1px solid #CCC; - background: #f3edff; - color: #333; -} -div.ms-res-ctn .ms-res-item { - line-height: 25px; - text-align: left; - padding: 2px 5px; - color: #666; - cursor: pointer; -} -div.ms-res-ctn .ms-res-item-grouped { - padding-left: 15px; -} -div.ms-res-ctn .ms-res-odd { - background: #F3F3F3; -} -div.ms-res-ctn .ms-res-item-active { - background-color: #3875D7; - color: #fff; -} -div.ms-sel-ctn { - overflow: auto; - line-height: 22px; - padding-right: 0px; -} -div.ms-sel-ctn .ms-sel-item { - background: #555; - color: #EEE; - float: left; - font-size: 12px; - padding: 0 15px 0 4px !important; - position: relative; - border-radius: 3px; - margin-left: 5px; - margin-top: 4px; -} -div.ms-sel-ctn .ms-sel-text { - background: #FFF; - color: #666; - padding-right: 0; - margin-left: 0; - font-size: 14px; - font-weight: normal; -} -div.ms-res-ctn .ms-res-item em { - font-style: normal; - background: #565656; - color: #FFF; -} -div.ms-sel-ctn .ms-sel-item:hover { - background: #434343; -} -div.ms-sel-ctn .ms-sel-text:hover { - background: #FFF; -} -div.ms-sel-ctn .ms-sel-item-active { - border: 1px solid red; - background: #757575; -} -div.ms-ctn .ms-sel-ctn { - margin-left: 0px; -} -div.ms-ctn .ms-sel-ctn .ms-sel-item { - margin-top: 3px; -} -div.ms-stacked .ms-sel-item { - float: inherit; -} -div.ms-sel-ctn .ms-sel-item .ms-close-btn { - width: 7px; - cursor: pointer; - height: 7px; - float: right; - margin: 2px 2px 0 3px !important; - background-image: url(data:image/png;base64,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); - background-repeat: no-repeat; - position: absolute; - right: 2px; - top: 2px; -} -div.ms-sel-ctn .ms-sel-item .ms-close-btn:hover { - background-position: 0 0; -} -span.ms-helper { - color: #AAA; - font-size: 10px; - position: absolute; - top: -17px; - right: 0; -} -.ms-ctn.input-lg .ms-trigger .ms-trigger-ico { - margin-top: 17px; -} -.ms-ctn.input-sm .ms-trigger .ms-trigger-ico { - margin-top: 13px; -} -.ms-ctn.input-lg .ms-sel-ctn .ms-sel-item { - padding-top: 2px; - padding-bottom: 3px; -} -.ms-ctn.input-sm .ms-sel-ctn { - line-height: 15px; -} -.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item { - padding-top: 1px; - padding-bottom: 1px; - margin-top: 0; - margin-bottom: 0; -} -.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item .ms-close-btn { - margin-top: 4px; -} -div.ms-ctn .ms-trigger:hover { - width: 24px; - right: 1px; - border-radius: 0 3px 3px 0; -} /** * EGroupware: CSS with less preprocessor @@ -4155,7 +3915,7 @@ td.message span.message { text-decoration: none; height: 32px; /*font-size: 1.1em;*/ - font-size: 12.1px; + font-size: 12.100000000000001px; line-height: 1.5em; } #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover { @@ -4179,7 +3939,7 @@ td.message span.message { } #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before { padding-right: 20px; - font-size: 12.1px; + font-size: 12.100000000000001px; content: " "; background-image: url(../images/topmenu_items/home.png); background-repeat: no-repeat; @@ -4577,7 +4337,7 @@ td.message span.message { padding-left: 3em; color: #999999; /*font-size: 12px;*/ - font-size: 12.1px; + font-size: 12.100000000000001px; line-height: 17px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object { @@ -4748,7 +4508,7 @@ td.message span.message { margin: 5px 0px 3px 5px; padding: 0px 0px 0px 15px; line-height: 1em; - font-size: 12.1px; + font-size: 12.100000000000001px; background-image: url(../images/arrow_left.png); background-repeat: no-repeat; background-position: left center; @@ -7096,7 +6856,7 @@ span.egw_tutorial_title { margin: 5px 0px 3px 5px; padding: 0px 0px 0px 15px; line-height: 1em; - font-size: 12.1px; + font-size: 12.100000000000001px; background-image: url(../images/arrow_left.png); background-repeat: no-repeat; background-position: left center; diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 64a08572d5..8c1de1b4dc 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -1126,19 +1126,6 @@ /** * et2_taglist */ - .ms-ctn, - .ms-res-ctn { - /* It doesn't really work smaller than this */ - min-width: 150px; - } - .ms-ctn .loading { - position: relative; - margin: 0px auto -16px auto; - top: 5px; - } - .ms-res-ctn { - overflow-x: hidden; - } /** * et2_toolbar */ @@ -1702,233 +1689,6 @@ div#ui-datepicker-div { * @package pixelegg * @version $Id$ */ -div.ms-ctn { - position: relative; - height: auto; - padding: 0; - margin-bottom: 0px; - font-size: 14px; - line-height: 20px; - color: #555555; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #ffffff; - border: 1px solid #cccccc; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; - cursor: default; - display: block; -} -input.ms-inv { - border: 1px solid #CC0000; -} -div.ms-ctn-readonly { - cursor: pointer; -} -div.ms-ctn-disabled { - cursor: not-allowed; - background-color: #eeeeee; -} -div.ms-ctn input { - border: 0; - box-shadow: none; - -webkit-transition: none; - outline: none; - display: block; - padding: 4px 6px; - line-height: normal; - overflow: hidden; - height: auto; - border-radius: 0; - float: none; - margin: 2px 0 2px 2px; -} -div.ms-ctn-disabled input { - cursor: not-allowed; - background-color: #eeeeee; -} -div.ms-ctn .ms-input-readonly { - cursor: pointer; -} -div.ms-ctn .ms-empty-text { - color: #DDD; -} -div.ms-ctn input:focus { - border: 0; - box-shadow: none; - -webkit-transition: none; - background: #FFF; -} -div.ms-ctn .ms-trigger { - float: right; - width: 27px; - height: 28px; - border-left: 1px solid #CCC; - background: #EEE; - cursor: pointer; -} -div.ms-ctn .ms-trigger .ms-trigger-ico { - display: inline-block; - width: 0; - height: 0; - vertical-align: top; - border-top: 4px solid gray; - border-right: 4px solid transparent; - border-left: 4px solid transparent; - content: ""; - margin-left: 9px; - margin-top: 13px; -} -div.ms-ctn .ms-trigger:hover { - background: -moz-linear-gradient(100% 100% 90deg, #e3e3e3, #f1f1f1); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e3e3e3)); -} -div.ms-ctn .ms-trigger:hover .ms-trigger-ico { - background-position: 0 -4px; -} -div.ms-ctn-disabled .ms-trigger { - cursor: not-allowed; - background-color: #eeeeee; -} -div.ms-ctn-bootstrap-focus { - border-bottom: 1px solid #CCC; -} -div.ms-res-ctn { - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; -} -div.ms-res-ctn .ms-res-group { - line-height: 23px; - text-align: left; - padding: 2px 5px; - font-weight: bold; - border-bottom: 1px dotted #CCC; - border-top: 1px solid #CCC; - background: #f3edff; - color: #333; -} -div.ms-res-ctn .ms-res-item { - line-height: 25px; - text-align: left; - padding: 2px 5px; - color: #666; - cursor: pointer; -} -div.ms-res-ctn .ms-res-item-grouped { - padding-left: 15px; -} -div.ms-res-ctn .ms-res-odd { - background: #F3F3F3; -} -div.ms-res-ctn .ms-res-item-active { - background-color: #3875D7; - color: #fff; -} -div.ms-sel-ctn { - overflow: auto; - line-height: 22px; - padding-right: 0px; -} -div.ms-sel-ctn .ms-sel-item { - background: #555; - color: #EEE; - float: left; - font-size: 12px; - padding: 0 15px 0 4px !important; - position: relative; - border-radius: 3px; - margin-left: 5px; - margin-top: 4px; -} -div.ms-sel-ctn .ms-sel-text { - background: #FFF; - color: #666; - padding-right: 0; - margin-left: 0; - font-size: 14px; - font-weight: normal; -} -div.ms-res-ctn .ms-res-item em { - font-style: normal; - background: #565656; - color: #FFF; -} -div.ms-sel-ctn .ms-sel-item:hover { - background: #434343; -} -div.ms-sel-ctn .ms-sel-text:hover { - background: #FFF; -} -div.ms-sel-ctn .ms-sel-item-active { - border: 1px solid red; - background: #757575; -} -div.ms-ctn .ms-sel-ctn { - margin-left: 0px; -} -div.ms-ctn .ms-sel-ctn .ms-sel-item { - margin-top: 3px; -} -div.ms-stacked .ms-sel-item { - float: inherit; -} -div.ms-sel-ctn .ms-sel-item .ms-close-btn { - width: 7px; - cursor: pointer; - height: 7px; - float: right; - margin: 2px 2px 0 3px !important; - background-image: url(data:image/png;base64,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); - background-repeat: no-repeat; - position: absolute; - right: 2px; - top: 2px; -} -div.ms-sel-ctn .ms-sel-item .ms-close-btn:hover { - background-position: 0 0; -} -span.ms-helper { - color: #AAA; - font-size: 10px; - position: absolute; - top: -17px; - right: 0; -} -.ms-ctn.input-lg .ms-trigger .ms-trigger-ico { - margin-top: 17px; -} -.ms-ctn.input-sm .ms-trigger .ms-trigger-ico { - margin-top: 13px; -} -.ms-ctn.input-lg .ms-sel-ctn .ms-sel-item { - padding-top: 2px; - padding-bottom: 3px; -} -.ms-ctn.input-sm .ms-sel-ctn { - line-height: 15px; -} -.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item { - padding-top: 1px; - padding-bottom: 1px; - margin-top: 0; - margin-bottom: 0; -} -.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item .ms-close-btn { - margin-top: 4px; -} -div.ms-ctn .ms-trigger:hover { - width: 24px; - right: 1px; - border-radius: 0 3px 3px 0; -} /** * EGroupware: CSS with less preprocessor diff --git a/pixelegg/less/etemplate2.less b/pixelegg/less/etemplate2.less index 4c921e8587..c3cc64c8b5 100755 --- a/pixelegg/less/etemplate2.less +++ b/pixelegg/less/etemplate2.less @@ -11,7 +11,6 @@ /*@import (less) "../../etemplate/templates/default/etemplate2.css";*/ - @media all { /** @@ -1058,21 +1057,6 @@ textarea.description { /** * et2_taglist */ -.ms-ctn, -.ms-res-ctn { - /* It doesn't really work smaller than this */ - min-width: 150px; -} -.ms-ctn .loading { - position: relative; - margin: 0px auto -16px auto; - top: 5px; -} -.ms-res-ctn { - overflow-x: hidden; -} - - /** diff --git a/pixelegg/less/magicsuggest.css b/pixelegg/less/magicsuggest.css index 63d1aa788f..af506d3bf7 100644 --- a/pixelegg/less/magicsuggest.css +++ b/pixelegg/less/magicsuggest.css @@ -11,230 +11,3 @@ * @package pixelegg * @version $Id$ */ -div.ms-ctn { - position: relative; - height: auto; - padding: 0; - margin-bottom: 0px; - font-size: 14px; - line-height: 20px; - color: #555555; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #ffffff; - border: 1px solid #cccccc; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; - cursor: default; - display: block; -} -input.ms-inv { - border: 1px solid #CC0000; -} -div.ms-ctn-readonly { - cursor: pointer; -} -div.ms-ctn-disabled { - cursor: not-allowed; - background-color: #eeeeee; -} -div.ms-ctn input { - border: 0; - box-shadow: none; - -webkit-transition: none; - outline: none; - display: block; - padding: 4px 6px; - line-height: normal; - overflow: hidden; - height: auto; - border-radius: 0; - float: none; - margin: 2px 0 2px 2px; -} -div.ms-ctn-disabled input { - cursor: not-allowed; - background-color: #eeeeee; -} -div.ms-ctn .ms-input-readonly { - cursor: pointer; -} -div.ms-ctn .ms-empty-text { - color: #DDD; -} -div.ms-ctn input:focus { - border: 0; - box-shadow: none; - -webkit-transition: none; - background: #FFF; -} -div.ms-ctn .ms-trigger { - float: right; - width: 27px; - height: 28px; - border-left: 1px solid #CCC; - background: #EEE; - cursor: pointer; -} -div.ms-ctn .ms-trigger .ms-trigger-ico { - display: inline-block; - width: 0; - height: 0; - vertical-align: top; - border-top: 4px solid gray; - border-right: 4px solid transparent; - border-left: 4px solid transparent; - content: ""; - margin-left: 9px; - margin-top: 13px; -} -div.ms-ctn .ms-trigger:hover { - background: -moz-linear-gradient(100% 100% 90deg, #e3e3e3, #f1f1f1); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e3e3e3)); -} -div.ms-ctn .ms-trigger:hover .ms-trigger-ico { - background-position: 0 -4px; -} -div.ms-ctn-disabled .ms-trigger { - cursor: not-allowed; - background-color: #eeeeee; -} -div.ms-ctn-bootstrap-focus { - border-bottom: 1px solid #CCC; -} -div.ms-res-ctn { - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; -} -div.ms-res-ctn .ms-res-group { - line-height: 23px; - text-align: left; - padding: 2px 5px; - font-weight: bold; - border-bottom: 1px dotted #CCC; - border-top: 1px solid #CCC; - background: #f3edff; - color: #333; -} -div.ms-res-ctn .ms-res-item { - line-height: 25px; - text-align: left; - padding: 2px 5px; - color: #666; - cursor: pointer; -} -div.ms-res-ctn .ms-res-item-grouped { - padding-left: 15px; -} -div.ms-res-ctn .ms-res-odd { - background: #F3F3F3; -} -div.ms-res-ctn .ms-res-item-active { - background-color: #3875D7; - color: #fff; -} -div.ms-sel-ctn { - overflow: auto; - line-height: 22px; - padding-right: 0px; -} -div.ms-sel-ctn .ms-sel-item { - background: #555; - color: #EEE; - float: left; - font-size: 12px; - padding: 0 15px 0 4px !important; - position: relative; - border-radius: 3px; - margin-left: 5px; - margin-top: 4px; -} -div.ms-sel-ctn .ms-sel-text { - background: #FFF; - color: #666; - padding-right: 0; - margin-left: 0; - font-size: 14px; - font-weight: normal; -} -div.ms-res-ctn .ms-res-item em { - font-style: normal; - background: #565656; - color: #FFF; -} -div.ms-sel-ctn .ms-sel-item:hover { - background: #434343; -} -div.ms-sel-ctn .ms-sel-text:hover { - background: #FFF; -} -div.ms-sel-ctn .ms-sel-item-active { - border: 1px solid red; - background: #757575; -} -div.ms-ctn .ms-sel-ctn { - margin-left: 0px; -} -div.ms-ctn .ms-sel-ctn .ms-sel-item { - margin-top: 3px; -} -div.ms-stacked .ms-sel-item { - float: inherit; -} -div.ms-sel-ctn .ms-sel-item .ms-close-btn { - width: 7px; - cursor: pointer; - height: 7px; - float: right; - margin: 2px 2px 0 3px !important; - background-image: url(data:image/png;base64,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); - background-repeat: no-repeat; - position: absolute; - right: 2px; - top: 2px; -} -div.ms-sel-ctn .ms-sel-item .ms-close-btn:hover { - background-position: 0 0; -} -span.ms-helper { - color: #AAA; - font-size: 10px; - position: absolute; - top: -17px; - right: 0; -} -.ms-ctn.input-lg .ms-trigger .ms-trigger-ico { - margin-top: 17px; -} -.ms-ctn.input-sm .ms-trigger .ms-trigger-ico { - margin-top: 13px; -} -.ms-ctn.input-lg .ms-sel-ctn .ms-sel-item { - padding-top: 2px; - padding-bottom: 3px; -} -.ms-ctn.input-sm .ms-sel-ctn { - line-height: 15px; -} -.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item { - padding-top: 1px; - padding-bottom: 1px; - margin-top: 0; - margin-bottom: 0; -} -.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item .ms-close-btn { - margin-top: 4px; -} -div.ms-ctn .ms-trigger:hover { - width: 24px; - right: 1px; - border-radius: 0 3px 3px 0; -} diff --git a/pixelegg/less/magicsuggest.less b/pixelegg/less/magicsuggest.less index 0cff3e4d94..efad4ef2ec 100644 --- a/pixelegg/less/magicsuggest.less +++ b/pixelegg/less/magicsuggest.less @@ -15,237 +15,3 @@ @import (reference) "definitions.less"; //############################################################################################################## -div.ms-ctn{ - position: relative; - height: auto; - padding: 0; - margin-bottom: 0px; - font-size: 14px; - line-height: 20px; - color: #555555; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #ffffff; - border: 1px solid #cccccc; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; - cursor: default; - display: block; -} -input.ms-inv{ - border: 1px solid #CC0000; -} -div.ms-ctn-readonly{ - cursor: pointer; -} -div.ms-ctn-disabled{ - cursor: not-allowed; - background-color: #eeeeee; -} -div.ms-ctn input{ - border: 0; - box-shadow: none; - -webkit-transition: none; - outline: none; - display: block; - padding: 4px 6px; - line-height: normal; - overflow: hidden; - height: auto; - border-radius: 0; - float: none; - margin: 2px 0 2px 2px; -} -div.ms-ctn-disabled input{ - cursor: not-allowed; - background-color: #eeeeee; -} -div.ms-ctn .ms-input-readonly{ - cursor: pointer; -} -div.ms-ctn .ms-empty-text{ - color: #DDD; -} -div.ms-ctn input:focus{ - border: 0; - box-shadow: none; - -webkit-transition: none; - background: #FFF; -} -div.ms-ctn .ms-trigger{ - float: right; - width: 27px; - height: 28px; - border-left: 1px solid #CCC; - background: #EEE; - cursor: pointer; -} -div.ms-ctn .ms-trigger .ms-trigger-ico { - display: inline-block; - width: 0; - height: 0; - vertical-align: top; - border-top: 4px solid gray; - border-right: 4px solid transparent; - border-left: 4px solid transparent; - content: ""; - margin-left: 9px; - margin-top: 13px; -} -div.ms-ctn .ms-trigger:hover{ - background: -moz-linear-gradient(100% 100% 90deg, #e3e3e3, #f1f1f1); - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e3e3e3)); -} -div.ms-ctn .ms-trigger:hover .ms-trigger-ico{ - background-position: 0 -4px; -} -div.ms-ctn-disabled .ms-trigger{ - cursor: not-allowed; - background-color: #eeeeee; -} -div.ms-ctn-bootstrap-focus{ - border-bottom: 1px solid #CCC; -} -div.ms-res-ctn{ - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; -} -div.ms-res-ctn .ms-res-group{ - line-height: 23px; - text-align: left; - padding: 2px 5px; - font-weight: bold; - border-bottom: 1px dotted #CCC; - border-top: 1px solid #CCC; - background: #f3edff; - color: #333; -} -div.ms-res-ctn .ms-res-item{ - line-height: 25px; - text-align: left; - padding: 2px 5px; - color: #666; - cursor: pointer; -} -div.ms-res-ctn .ms-res-item-grouped{ - padding-left: 15px; -} -div.ms-res-ctn .ms-res-odd{ - background: #F3F3F3; -} -div.ms-res-ctn .ms-res-item-active{ - background-color: #3875D7; -// filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875D7', endColorstr='#2A62BC', GradientType=0 ); -// background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875D7), color-stop(90%, #2A62BC)); -// background-image: -webkit-linear-gradient(top, #3875D7 20%, #2A62BC 90%); -// background-image: -moz-linear-gradient(top, #3875D7 20%, #2A62BC 90%); -// background-image: -o-linear-gradient(top, #3875D7 20%, #2A62BC 90%); -// background-image: linear-gradient(#3875D7 20%, #2A62BC 90%); - color: #fff; - -} -div.ms-sel-ctn{ - overflow: auto; - line-height: 22px; - padding-right: 0px; -} -div.ms-sel-ctn .ms-sel-item{ - background: #555; - color: #EEE; - float: left; - font-size: 12px; - padding: 0 15px 0 4px !important; - position: relative; - border-radius: 3px; - margin-left: 5px; - margin-top: 4px; -} -div.ms-sel-ctn .ms-sel-text{ - background: #FFF; - color: #666; - padding-right: 0; - margin-left: 0; - font-size: 14px; - font-weight: normal; -} -div.ms-res-ctn .ms-res-item em{ - font-style: normal; - background: #565656; - color: #FFF; -} -div.ms-sel-ctn .ms-sel-item:hover{ - background:#434343 -} -div.ms-sel-ctn .ms-sel-text:hover{ - background: #FFF; -} -div.ms-sel-ctn .ms-sel-item-active{ - border: 1px solid red; - background: #757575; -} -div.ms-ctn .ms-sel-ctn{ - margin-left: 0px; -} -div.ms-ctn .ms-sel-ctn .ms-sel-item{ - margin-top: 3px; -} -div.ms-stacked .ms-sel-item{ - float: inherit; -} -div.ms-sel-ctn .ms-sel-item .ms-close-btn{ - width: 7px; - cursor: pointer; - height: 7px; - float: right; - margin: 2px 2px 0 3px !important; - background-image: url(data:image/png;base64,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); - background-repeat: no-repeat; - position: absolute; - right: 2px; - top: 2px; -} -div.ms-sel-ctn .ms-sel-item .ms-close-btn:hover{ - background-position: 0 0; -} -span.ms-helper{ - color: #AAA; - font-size: 10px; - position: absolute; - top: -17px; - right: 0; -} -.ms-ctn.input-lg .ms-trigger .ms-trigger-ico { - margin-top: 17px -} -.ms-ctn.input-sm .ms-trigger .ms-trigger-ico { - margin-top: 13px -} -.ms-ctn.input-lg .ms-sel-ctn .ms-sel-item { - padding-top: 2px; - padding-bottom: 3px; -} -.ms-ctn.input-sm .ms-sel-ctn { - line-height: 15px; -} -.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item { - padding-top: 1px; - padding-bottom: 1px; - margin-top:0; - margin-bottom: 0; -} -.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item .ms-close-btn { - margin-top: 4px; -} -div.ms-ctn .ms-trigger:hover { - width:24px; - right: 1px; - border-radius: 0 3px 3px 0; -} \ No newline at end of file