dave
/
tabbro
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Ellipsis text instead of overlapping icons

This commit is contained in:
Dave Pedu 2015-02-13 19:37:21 -08:00
parent dbdefcfe0e
commit a25b9bf3e6
2 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
style.css
View File

@ -138,20 +138,29 @@ ul#root > li {
border-bottom: 1px solid #888; }
ul#root > li:last-child {
border-bottom: 0px; }
ul#root > li > span {
ul#root > li > span.name-line {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0px 10px 5px 10px;
font-weight: bold; }
ul#root > li:nth-child(2n) {
background-color: rgba(0, 0, 0, 0.05); }
ul#root > li:hover > span.name-line {
padding-right: 62px; }
ul#root > li.unloaded span.name-line {
font-style: italic;
color: #AAA; }
ul#root > li.unloaded:hover > span.name-line {
padding-right: 41px; }
ul#root > li > ul > li {
padding-left: 40px;
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: 20px center; }
ul#root > li > ul > li:hover {
padding-right: 62px; }
ul#root > li > ul > li > span {
overflow: hidden;
text-overflow: ellipsis;

15
style.scss
View File

@ -165,26 +165,39 @@ ul#root {
&:last-child {
border-bottom: 0px;
}
&> span {
&> span.name-line {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0px 10px 5px 10px;
font-weight: bold;
}
&:nth-child(2n) {
background-color: rgba(0,0,0,0.05);
}
&:hover>span.name-line {
padding-right: 62px;
}
&.unloaded {
span.name-line {
font-style: italic;
color: #AAA;
}
&:hover>span.name-line {
padding-right: 41px;
}
}
&>ul {
&>li {
padding-left: 40px;
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: 20px center;
&:hover {
padding-right: 62px;
}
&>span {
overflow: hidden;
text-overflow: ellipsis;