[Search] Overflow text

Overflow text on the search item labels
is now hidden, with ellipses.
New problem: Text is  on a different
line than the icon.
This commit is contained in:
shale 2015-07-22 11:48:13 -07:00
parent ff3770c9ee
commit ab3d3ec45b
2 changed files with 24 additions and 4 deletions

View File

@ -279,7 +279,14 @@ span.searchbar {
color: #ff0000; }
/* line 31, ../sass/search/_search.scss */
span.searchbar .results .searchbar-item {
color: #aa00ff; }
/* line 34, ../sass/search/_search.scss */
color: #8800ff; }
/* line 35, ../sass/search/_search.scss */
span.searchbar .results .searchbar-item .label {
color: #00aa00; }
/* line 38, ../sass/search/_search.scss */
span.searchbar .results .searchbar-item .label .title-label {
color: #aa00aa;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }

View File

@ -29,10 +29,23 @@ span.searchbar {
color: #ff0000;
.searchbar-item {
color: #aa00ff;
$runningItemW: 0;
color: #8800ff;
.label {
color: #00aa00; // Good up to here.
color: #00aa00;
.title-label {
color: #aa00aa;
//@include absPosDefault();
display: block;
//left: $runningItemW + ($interiorMargin * 3);
//left: 60px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
}