Author: nathangray
New Revision: 55318
URL: http://svn.stylite.de/viewvc/egroupware?rev=55318&view=rev
Log:
Better handling for taglist overflow - ellipsis, better hiding, better layout handling
Modified:
trunk/etemplate/js/et2_widget_taglist.js
trunk/etemplate/templates/default/etemplate2.css
— trunk/etemplate/js/et2_widget_taglist.js (original)
+++ trunk/etemplate/js/et2_widget_taglist.js Wed Mar 9 01:42:33 2016
@@ -526,7 +526,11 @@
}
if(_rows)
{
-
var border = this.taglist !== null ?
-
this.div.outerHeight(true) - this.taglist.container.innerHeight() :
-
0;
-
-
var max = (25 * _rows) + _rows + border;
css['max-height'] = max+'px';
if(this._multiple)
{
@@ -729,6 +733,7 @@
if(min_width === null) return;
min_width += (this.options.multiple === 'toggle' ? $j('.toggle',this.div).outerWidth() : 0);
— trunk/etemplate/templates/default/etemplate2.css (original)
+++ trunk/etemplate/templates/default/etemplate2.css Wed Mar 9 01:42:33 2016
@@ -966,11 +966,15 @@
line-height: 13px;
font-size: 11px;
cursor: default;
- word-break: break-word;
- white-space: normal;
- max-width: calc(100% - 30px);
}
.et2_taglist.ui-state-hover,
.et2_taglist.ui-state-active {
font-weight: inherit;
- border: inherit;
- background: inherit;
}
.et2_taglist div.ms-ctn {
background-color: white;
@@ -1005,13 +1009,15 @@
}
/* Toggle single / multiple */
.et2_taglist_toggle {
- white-space: nowrap;
}
.et2_taglist_toggle > div.ms-ctn {
display: inline-block;
width: calc(100% - 40px);
padding-right: 2px
}
+.et2_taglist_toggle:not(.et2_taglist_single) .ms-ctn {
+/* height: 100%;*/
+}
.et2_taglist_toggle.et2_taglist_single > div.ms-ctn {
padding-right: 7px
}
@@ -1048,11 +1054,29 @@
div .et2_taglist_single div.ms-sel-ctn div.ms-sel-item {
border: none;
background: inherit;
- width: calc(100% - 43px);
margin-bottom: 0px;
padding-bottom: 6px;
white-space: nowrap;
overflow: hidden;
+}
+div .et2_taglist_single:not(.et2_taglist_small) div.ms-sel-ctn div.ms-sel-item {
- width: calc(100% - 43px);
+}
+.et2_taglist_single div.ms-sel-item > span:first-child {
- max-width: 100%;
- display: inline-block;
- overflow: hidden;
- text-overflow: ellipsis;
+}
+.et2_taglist_toggle.et2_taglist_small.et2_taglist_single::before {
- display: none;
+}
+.et2_taglist_single div.ms-sel-ctn .ms-close-btn {
- position: relative;
- top: 0px;
- right: 5px;
- float: none;
- display: inline-block;
}
/* Taglist that is limited in size - does not grow */
@@ -1081,18 +1105,20 @@
min-width: 25%;
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 25%);
}
+div .et2_taglist_small.et2_taglist_single div.ms-sel-ctn div.ms-sel-item {
- max-width: calc(100% - 43px);
+}
.et2_taglist_toggle.et2_taglist_small::before {
right: 25px;
}
.et2_taglist_small.ui-state-hover,
.et2_taglist_small.ui-state-active {
- position: absolute;
max-height: none;
max-width: 25em;
min-width: 15em;
background: white;
z-index: 5;
- margin-top: -14px;
- margin-top: 0px;
transition-duration: 0s;
font-weight: normal;
overflow: visible;
@@ -1104,9 +1130,6 @@
.et2_taglist_small div.ms-sel-item {
white-space: nowrap;
overflow: hidden;
-}
-.et2_taglist_toggle.et2_taglist_small.et2_taglist_single::before {
/* Taglist category */
Transform Data into Opportunity.
Accelerate data analysis in your applications with
Intel Data Analytics Acceleration Library.
Click to learn more.
http://pubads.g.doubleclick.net/gampad/clk?id=278785111&iu=/4140
eGroupWare-cvs mailing list
eGroupWare-cvs@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-cvs
