Improve CSS of addressbooks list

This commit is contained in:
Francis Lachapelle
2014-11-14 15:18:20 -05:00
parent 37851d89f3
commit 5f5dcc1d5d
2 changed files with 51 additions and 31 deletions
+17 -5
View File
@@ -62,11 +62,10 @@ $topbar-link-bg-hover: scale-color($module-color, $lightness: -14%);
display: table-cell;
padding: $off-canvas-link-padding;
color: $off-canvas-link-color;
border-bottom: $off-canvas-link-border-bottom;
//vertical-align: middle;
}
.icon {
//vertical-align: middle; // causes glitch when selecting row
border-left: 3px solid transparent;
width: 2em;
}
form {
@@ -92,8 +91,10 @@ $topbar-link-bg-hover: scale-color($module-color, $lightness: -14%);
background: scale-color($tabbar-bg, $lightness: -30%);
}
&._selected {
background-color: #242424 !important;
border: 0 !important;
>i {
border-left-color: $primary-color;
}
* {
color: #eee;
}
@@ -143,8 +144,6 @@ $column-gutter: 0;
#addressbooksList {
position: absolute;
overflow: auto;
overflow-x: hidden;
top: $topbar-height;
bottom: 0;
background-color: #333;
@@ -157,6 +156,19 @@ $column-gutter: 0;
text-align: center;
text-transform: uppercase;
}
.scrollview {
position: absolute;
overflow: auto;
overflow-x: hidden;
top: $topbar-height;
bottom: $topbar-height;
}
.buttonsToolbar {
border-top: $off-canvas-link-border-bottom;
position: absolute;
bottom: 0px;
width: 100%;
}
}
#rightPanel {