Listview: Fixes the list item text moving when selected

blackberry · Apr 1, 2013 · a112ea7 · a112ea7
1 parent d751764
commit a112ea7
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 10 deletions.
diff --git a/src/assets/list-item-selected-img-mask.png b/src/assets/list-item-selected-img-mask.png
diff --git a/src/less/list.less b/src/less/list.less
@@ -74,14 +74,13 @@ li.ui-btn.ui-btn-icon-right .ui-btn-inner {
 	}
 
 	&.ui-btn-down-c, &.ui-btn-down-a {
+		border-width: 0;
 		.ui-btn-inner {
-			border-color: @BBLightBlue;
 			box-shadow: inset 0px 0px 0px 4px @BBLightBlue;
-			border-width: 4px;
+			border-color: @BBLightBlue;
 		}
-		.ui-li-thumb, .ui-listview .ui-li-icon {
-			max-height: 113px;
-			max-width: 113px;
+		img {
+			-webkit-mask-box-image: url(images_bb/list-item-selected-img-mask.png);
 		}
 	}
 
@@ -182,6 +181,7 @@ li.ui-btn.ui-btn-icon-right .ui-btn-inner {
 }
 
 .ui-li-heading, .ui-li .ui-btn-text {
+	text-overflow: -blackberry-fade;
 	font-size: @global-listview-title-font-size;
 	font-weight: normal;
 	& , .ui-li-desc {

diff --git a/src/less/mixins.less b/src/less/mixins.less
@@ -69,9 +69,6 @@
     background:  @bg;
     background-image: -webkit-gradient(linear, left top, left bottom, from(  @start  ), to(  @end  ));
     background-image: -webkit-linear-gradient(  @start , @end  );
-    background-image:    -moz-linear-gradient(  @start, @end  );
-    background-image:     -ms-linear-gradient(  @start, @end  );
-    background-image:      -o-linear-gradient(  @start, @end  );
     background-image:         linear-gradient(  @start , @end  );
 }
 

diff --git a/src/less/variables.less b/src/less/variables.less
@@ -24,7 +24,7 @@
 //Backgrounds
 @obsidian:  #121212;
 @titan:     #272727;
-@snow:      #f8f8f8;
+@snow:      #fefefe;
 @snow10:    #f9f7dd;
 
 //Text colors
@@ -340,7 +340,7 @@
 @c-body-shadow-x: 0;
 @c-body-shadow-y: 1px;
 @c-body-shadow:   @c-body-shadow-x  @c-body-shadow-y  @c-body-shadow-radius @c-body-shadow-color;
-@c-bup-border: 2px solid  #b1b1b1;
+@c-bup-border: 2px solid  #efefef;
 @c-bup-background-color: @primaryWhite;
 @c-bup-background-end: #dddddd;
 @c-bup-background-start: @primaryWhite;