Define default treelist styles (i.e. indentation) globally

Thomas Bruederli

2014-03-07 c42fc0fff683f8b27d213750d5b65a74a9ec5506

Define default treelist styles (i.e. indentation) globally

 skins/larry/addressbook.css

@@ -71,7 +71,6 @@
    background-position: -100px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    padding-left: 36px;
    text-overflow: ellipsis;
}

@@ -83,21 +82,11 @@
    background-position: 6px -791px;
}

#directorylist li.addressbook ul li:last-child {
    border-bottom: 0;
}

#directorylist li.addressbook ul.groups {
    margin: 0;
    padding: 0;
}

#directorylist li.addressbook ul.groups li {
    width: 100%;
}

#directorylist li.contactgroup a {
    padding-left: 62px;
    background-position: 32px -1555px;
}


 skins/larry/styles.css

@@ -1175,16 +1175,49 @@
    position: relative;
}

ul.treelist li ul {
    margin: 0;
    padding: 0;
}

ul.treelist li ul li:last-child {
    border-bottom: 0;
}

ul.treelist li a {
    display: block;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.treelist li ul li a {
    padding-left: 38px;
}

ul.treelist.iconized li a {
    padding-left: 36px;
}

ul.treelist.iconized li ul li a {
    padding-left: 62px;
}

ul.treelist li div.treetoggle {
    position: absolute;
    top: 13px;
    left: 19px;
    top: 7px;
    left: 4px;
    width: 13px;
    height: 13px;
    background: url(images/listicons.png) -3px -144px no-repeat;
    cursor: pointer;
}

ul.treelist.iconized li div.treetoggle {
    top: 13px;
    left: 19px;
}

ul.treelist li div.treetoggle.expanded {
    background-position: -3px -168px;
}

 skins/larry/templates/addressbook.html

@@ -30,7 +30,7 @@
<div id="directorylistbox" class="uibox listbox">
<h2 id="directorylist-header" class="boxtitle"><roundcube:label name="groups" /></h2>
<div id="directorylist-content" class="scroller withfooter">
    <roundcube:object name="directorylist" id="directorylist" class="treelist listing" />
    <roundcube:object name="directorylist" id="directorylist" class="treelist listing iconized" />
</div>
<div id="directorylist-footer" class="boxfooter">
    <roundcube:button command="group-create" type="link" title="newcontactgroup" class="listbutton add disabled" classAct="listbutton add" innerClass="inner" content="+" /><roundcube:button name="groupoptions" id="groupoptionslink" type="link" title="moreactions" class="listbutton groupactions" onclick="UI.show_popup('groupoptions');return false" innerClass="inner" content="&#9881;" />