adding icon to tags list (when tagging) and some style

This commit is contained in:
Claudio Barril 2014-04-16 02:24:54 -03:00
parent 9d86fdd7e1
commit 4c54bc5cad
3 changed files with 11 additions and 7 deletions

View File

@ -363,6 +363,8 @@ abbr[title] {
white-space: nowrap; white-space: nowrap;
} }
/* ----------------------------- Icons ----------------------------------- */
#defaultIcon { #defaultIcon {
background: #eee; background: #eee;
border: 1px solid #ccc !important; border: 1px solid #ccc !important;
@ -376,10 +378,6 @@ abbr[title] {
background-color: #C8C8C8; background-color: #C8C8C8;
} }
.bs-glyphicons {
width: 800%;
}
.bs-glyphicons > ul { .bs-glyphicons > ul {
padding-left: 10px; padding-left: 10px;
overflow-x: hidden; overflow-x: hidden;
@ -388,7 +386,7 @@ abbr[title] {
.bs-glyphicons > ul > li { .bs-glyphicons > ul > li {
float: left; float: left;
width: 12%; width: 12%;
height: 25%; height: 20%;
padding: 10px; padding: 10px;
font-size: 10px; font-size: 10px;
line-height: 1.4; line-height: 1.4;

View File

@ -306,6 +306,11 @@ $(function () {
} }
} }
}); });
// Setting sizes to label icon list
var dropDownHeight = $(window).height()/3;
$("#labelIconItems ul").height(dropDownHeight);
var dropDownWidth = $(window).width()/3;
$("#labelIconItems ul").width(dropDownWidth);
} }
); );
@ -621,9 +626,10 @@ function prepareLabelList(labels) {
//append items to dropdown //append items to dropdown
$.each(labels, function(index, value) { $.each(labels, function(index, value) {
labelList.append( labelList.append(
$('<li class="chooseLabel"></li>').attr('value', value.id).attr('color', value.color) $('<li class="chooseLabel"></li>').attr('value', value.id).attr('color', value.color).attr('icon', value.icon)
.append( .append(
'<a href="#" onclick="return false">' + '<a href="#" onclick="return false">' +
"<div class='labelIcon " + value.icon + "'></div>" +
"<div class='labelColor' style='background: " + value.color + "'></div>" + "<div class='labelColor' style='background: " + value.color + "'></div>" +
"<div class='labelName'>" + value.title + "</div>" + "<div class='labelName'>" + value.title + "</div>" +
'</a>') '</a>')

View File

@ -360,7 +360,7 @@
<i class="glyphicon glyphicon-tag"></i> <i class="glyphicon glyphicon-tag"></i>
</div> </div>
<div id="labelIconList" class="dropdown-menu bs-glyphicons"></div> <div id="labelIconList" class="dropdown-menu bs-glyphicons"></div>
<div class="dropdown-menu bs-glyphicons"> <div id="labelIconItems" class="dropdown-menu bs-glyphicons">
<ul class="bs-glyphicons-list"> <ul class="bs-glyphicons-list">
<li class="glyphicon glyphicon-asterisk"></li> <li class="glyphicon glyphicon-asterisk"></li>
<li class="glyphicon glyphicon-plus"></li> <li class="glyphicon glyphicon-plus"></li>