Bug 533821 - still row highlighting on button press in Get Add-ons [r=mark.finkle]
authorBenjamin Stover <webapps@stechz.com>
Wed, 17 Feb 2010 14:43:07 -0500
changeset 66017 45bdaf46825425e1560d625ea9e883f22bad9609
parent 66016 3534771a5f7908527a4b4d18b365fd97774c1b0b
child 66018 bdf141cd9f7cb7e1922e630af3c57ddffce7da42
push id1
push userroot
push dateTue, 26 Apr 2011 22:38:44 +0000
treeherdermozilla-beta@bfdb6e623a36 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmark
bugs533821
Bug 533821 - still row highlighting on button press in Get Add-ons [r=mark.finkle]
mobile/themes/hildon/browser.css
mobile/themes/hildon/platform.css
mobile/themes/wince/browser.css
mobile/themes/wince/platform.css
--- a/mobile/themes/hildon/browser.css
+++ b/mobile/themes/hildon/browser.css
@@ -277,40 +277,40 @@ toolbarbutton.page-button {
   margin-left: -40px; /* big number just to make sure the image overflows the edge */
 }
 
 /* browser tools panel UI   ------------------------------------------------ */
 @media (min-width: 500px) {
   #panel-container {
     -moz-box-orient: horizontal;
   }
-  
+
   #panel-controls {
     -moz-box-orient: vertical;
     -moz-box-ordinal-group: 1;
     -moz-box-pack: end;
   }
-  
+
   #tool-panel-close {
     -moz-box-ordinal-group: 1000;
   }
 }
 
 @media (max-width: 499px) {
   #panel-container {
     -moz-box-orient: vertical;
   }
-  
+
   #panel-controls {
     -moz-box-orient: horizontal;
     -moz-box-ordinal-group: 1000;
     -moz-box-pack: start;
     padding-top: 8px; /* core spacing */
   }
-  
+
   #tool-panel-close {
     -moz-box-ordinal-group: 1;
   }
 }
 
 #panel-controls {
   /* match #browser-controls end padding */
   padding-left: 8px; /* core spacing */
@@ -399,21 +399,21 @@ toolbarbutton.page-button {
   -moz-image-region: rect(72px 78px 90px 0px);
 }
 
 .addon-rating[rating="5"] {
   -moz-image-region: rect(90px 78px 108px 0px);
 }
 
 richlistitem[isDisabled="true"] .title {
-  color : gray;
+  color: gray;
 }
 
 richlistitem[isDisabled="true"] .normal {
-  color : lightgray;
+  color: lightgray;
 }
 
 richlistitem[isDisabled="true"] image {
   opacity: 0.25;
 }
 
 /* downloads panel UI   ---------------------------------------------------- */
 .download-retry-failed {
@@ -484,33 +484,33 @@ richlistitem[isDisabled="true"] image {
 /* be consistent with the size of placeitem */
 placelabel {
   -moz-box-align: center;
   padding-right: 80px;
   background: rgb(207,207,207) url(images/arrowup-16.png) no-repeat 98% 50%;
   color: #000;
   min-height: 70px; /* row size */
 }
-  
+
 /* folder bookmarks row */
 placeitem[type="folder"] {
   -moz-box-pack: center;
   padding-right: 40px;
   background: url(images/arrowright-16.png) no-repeat 98% 50%;
 }
 
 placelist[ui="manage"] placeitem[type="folder"] {
   background-image: none;
 }
 
 placeitem[type="folder"] > .bookmark-item-label > image,
 placeitem[type="folder"] > .bookmark-manage > image {
   list-style-image: url(images/folder-32.png);
 }
-  
+
 placeitem[type="folder"] .bookmark-item-url {
   display: none;
 }
 
 /* bookmark manage controls */
 placeitem > .bookmark-manage .bookmark-controls {
   padding-top: 8px;
 }
@@ -932,17 +932,17 @@ box[type="documenttab"]:only-child .docu
   padding: 4px 8px; /* row size & core spacing */
 }
 
 #form-buttons > button,
 #select-buttons > button {
   -moz-user-focus: ignore;
   -moz-user-select: none;
 }
- 
+
 #form-helper-container #select-buttons {
   display: none;
 }
 
 #select-container:not([hidden=true]) + #form-buttons {
   border-top: 0;
 }
 
--- a/mobile/themes/hildon/platform.css
+++ b/mobile/themes/hildon/platform.css
@@ -431,17 +431,17 @@ richlistitem description.normal-bold {
   white-space: pre-wrap;
 }
 
 richlistitem[selected="true"] {
   color: black;
   background-color: white;
 }
 
-richlistitem:active:not([selected="true"]) {
+richlistitem:active:not([selected="true"]):not([typeName="message"]):not(.section-header) {
   background-color: #8db8d8;
 }
 
 richlistitem.section-header,
 richlistitem[selected="true"].section-header {
   font-weight: bold;
   color: #000;
   background-color: lightgray;
@@ -550,13 +550,12 @@ progressmeter {
   border: 3px solid #aaa;
   -moz-border-top-colors: -moz-initial;
   -moz-border-right-colors: -moz-initial;
   -moz-border-bottom-colors: -moz-initial;
   -moz-border-left-colors: -moz-initial;
   -moz-border-radius: 8px;
 }
 
-.progress-bar 
+.progress-bar
 {
   background-color: #8db8d8;
 }
-
--- a/mobile/themes/wince/browser.css
+++ b/mobile/themes/wince/browser.css
@@ -120,40 +120,40 @@ toolbarbutton.page-button {
   margin-bottom: 1.1mm; /* core spacing */
 }
 
 /* browser tools panel UI   ------------------------------------------------ */
 @media (min-width: 500px) {
   #panel-container {
     -moz-box-orient: horizontal;
   }
-  
+
   #panel-controls {
     -moz-box-orient: vertical;
     -moz-box-ordinal-group: 1;
     -moz-box-pack: end;
   }
-  
+
   #tool-panel-close {
     -moz-box-ordinal-group: 1000;
   }
 }
 
 @media (max-width: 500px) {
   #panel-container {
     -moz-box-orient: vertical;
   }
-  
+
   #panel-controls {
     -moz-box-orient: horizontal;
     -moz-box-ordinal-group: 1000;
     -moz-box-pack: start;
     padding-top: 1.1mm; /* core spacing */
   }
-  
+
   #tool-panel-close {
     -moz-box-ordinal-group: 1;
   }
 }
 
 #panel-controls {
   /* match #browser-controls end padding */
   padding-left: 1.1mm; /* core spacing */
@@ -181,21 +181,21 @@ toolbarbutton.page-button {
 
   /* let the buttons in a selected addon wrap */
   #addons-list > richlistitem .buttons-box {
     display: block;
   }
 }
 
 richlistitem[isDisabled="true"] .title {
-  color : gray;
+  color: gray;
 }
 
 richlistitem[isDisabled="true"] .normal {
-  color : lightgray;
+  color: lightgray;
 }
 
 richlistitem[isDisabled="true"] image {
   opacity: 0.25;
 }
 
 /* downloads panel UI   ---------------------------------------------------- */
 .download-retry-failed {
--- a/mobile/themes/wince/platform.css
+++ b/mobile/themes/wince/platform.css
@@ -114,30 +114,30 @@ button[disabled="true"] {
 }
 
 /* hi-res screens */
 @media all and (min-device-width: 401px) {
   button {
     border-width: 8px !important;
     -moz-border-image: url("chrome://browser/skin/images/button-default-64.png") 8 repeat repeat;
   }
-  
+
   button[type="checkbox"][checked="true"],
   button:not([disabled="true"]):active:hover {
     -moz-border-image: url("chrome://browser/skin/images/button-active-64.png") 8 repeat repeat;
   }
 }
 
 /* low-res screens */
 @media all and (max-device-width: 400px) {
   button {
     border-width: 4px !important;
     -moz-border-image: url("chrome://browser/skin/images/button-default-36.png") 4 repeat repeat;
   }
-  
+
   button[type="checkbox"][checked="true"],
   button:not([disabled="true"]):active:hover {
     -moz-border-image: url("chrome://browser/skin/images/button-active-36.png") 4 repeat repeat;
   }
 }
 
 /* dark buttons ------------------------------------------------------------ */
 /*
@@ -161,31 +161,31 @@ button.button-dark[disabled="true"] {
 }
 
 /* high-res screens */
 @media all and (min-device-width: 401px) {
   button.button-dark,
   notification button {
     -moz-border-image: url("chrome://browser/skin/images/buttondark-default-64.png") 8 repeat repeat;
   }
-  
+
   button.button-dark[type="checkbox"][checked="true"],
   button.button-dark:not([disabled="true"]):active:hover,
   notification button:not([disabled="true"]):active:hover {
     -moz-border-image: url("chrome://browser/skin/images/buttondark-active-64.png") 8 repeat repeat;
   }
 }
 
 /* low-res screens */
 @media all and (max-device-width: 400px) {
   button.button-dark,
   notification button {
     -moz-border-image: url("chrome://browser/skin/images/buttondark-default-36.png") 4 repeat repeat;
   }
-  
+
   button.button-dark[type="checkbox"][checked="true"],
   button.button-dark:not([disabled="true"]):active:hover,
   notification button:not([disabled="true"]):active:hover {
     -moz-border-image: url("chrome://browser/skin/images/buttondark-active-36.png") 4 repeat repeat;
   }
 }
 
 /* spinbuttons ------------------------------------------------------------- */
@@ -313,34 +313,34 @@ toolbarbutton.button-dark[type="checkbox
 }
 
 /* high-res screens */
 @media all and (min-device-width: 401px) {
   toolbarbutton.button-dark {
     border-width: 10px;
     -moz-border-image: url("chrome://browser/skin/images/toolbarbutton-default-64.png") 10 repeat repeat;
   }
-  
+
   toolbarbutton.button-dark[type="checkbox"][checked="true"],
   toolbarbutton.button-dark:not([disabled="true"]):active:hover {
     -moz-border-image: url("chrome://browser/skin/images/toolbarbutton-active-64.png") 10 repeat repeat;
   }
 
   toolbarbutton.button-dark[type="checkbox"][checked="true"] {
     border: 10px solid transparent !important;
   }
 }
 
 /* low-res screens */
 @media all and (max-device-width: 400px) {
   toolbarbutton.button-dark {
     border-width: 6px;
     -moz-border-image: url("chrome://browser/skin/images/toolbarbutton-default-36.png") 6 repeat repeat;
   }
-  
+
   toolbarbutton.button-dark[type="checkbox"][checked="true"],
   toolbarbutton.button-dark:not([disabled="true"]):active:hover {
     -moz-border-image: url("chrome://browser/skin/images/toolbarbutton-active-36.png") 6 repeat repeat;
   }
 
   toolbarbutton.button-dark[type="checkbox"][checked="true"] {
     border: 6px solid transparent !important;
   }
@@ -383,35 +383,35 @@ radio[selected] {
 }
 
 /* high-res screens */
 @media all and (min-device-width: 401px) {
   radio {
     border-width: 8px;
     -moz-border-image: url("chrome://browser/skin/images/togglemiddle-inactive-64.png") 8 repeat repeat;
   }
-  
+
   radio:not([disabled=true]):active:hover,
   radio[selected] {
     -moz-border-image: url("chrome://browser/skin/images/togglemiddle-active-64.png") 8 repeat repeat;
   }
-  
+
   radio:first-child {
     -moz-border-image: url("chrome://browser/skin/images/toggleleft-inactive-64.png") 8 repeat repeat;
   }
-  
+
   radio:not([disabled=true]):first-child:active:hover,
   radio:first-child[selected] {
     -moz-border-image: url("chrome://browser/skin/images/toggleleft-active-64.png") 8 repeat repeat;
   }
-  
+
   radio:last-child {
     -moz-border-image: url("chrome://browser/skin/images/toggleright-inactive-64.png") 8 repeat repeat;
   }
-  
+
   radio:not([disabled=true]):last-child:active:hover,
   radio:last-child[selected] {
     -moz-border-image: url("chrome://browser/skin/images/toggleright-active-64.png") 8 repeat repeat;
   }
 
   radio:first-child:last-child {
   -moz-border-image: url("chrome://browser/skin/images/toggleboth-inactive-64.png") 8 repeat repeat;
   }
@@ -428,30 +428,30 @@ radio[selected] {
     border-width: 4px;
     -moz-border-image: url("chrome://browser/skin/images/togglemiddle-inactive-36.png") 4 repeat repeat;
   }
 
   radio:not([disabled=true]):active:hover,
   radio[selected] {
     -moz-border-image: url("chrome://browser/skin/images/togglemiddle-active-36.png") 4 repeat repeat;
   }
-  
+
   radio:first-child {
     -moz-border-image: url("chrome://browser/skin/images/toggleleft-inactive-36.png") 4 repeat repeat;
   }
-  
+
   radio:not([disabled=true]):first-child:active:hover,
   radio:first-child[selected] {
     -moz-border-image: url("chrome://browser/skin/images/toggleleft-active-36.png") 4 repeat repeat;
   }
-  
+
   radio:last-child {
     -moz-border-image: url("chrome://browser/skin/images/toggleright-inactive-36.png") 4 repeat repeat;
   }
-  
+
   radio:not([disabled=true]):last-child:active:hover,
   radio:last-child[selected] {
     -moz-border-image: url("chrome://browser/skin/images/toggleright-active-36.png") 4 repeat repeat;
   }
 
   radio:first-child:last-child {
     -moz-border-image: url("chrome://browser/skin/images/toggleboth-inactive-36.png") 4 repeat repeat;
   }
@@ -472,44 +472,44 @@ radio.checkbox-radio-off:not([selected])
   visibility: hidden;
 }
 
 /* high-res screens */
 @media all and (min-device-width: 401px) {
   radio.checkbox-radio-on {
     -moz-border-image: url("chrome://browser/skin/images/toggleon-inactive-64.png") 8 repeat repeat;
   }
-  
+
   radio.checkbox-radio-on[selected] {
     -moz-border-image: url("chrome://browser/skin/images/toggleon-active-64.png") 8 repeat repeat;
   }
-  
+
   radio.checkbox-radio-off {
     -moz-border-image: url("chrome://browser/skin/images/toggleoff-inactive-64.png") 8 repeat repeat;
   }
-  
+
   radio.checkbox-radio-off[selected] {
     -moz-border-image: url("chrome://browser/skin/images/toggleoff-active-64.png") 8 repeat repeat;
   }
 }
 
 /* low-res screens */
 @media all and (max-device-width: 400px) {
   radio.checkbox-radio-on {
     -moz-border-image: url("chrome://browser/skin/images/toggleon-inactive-36.png") 4 repeat repeat;
   }
-  
+
   radio.checkbox-radio-on[selected] {
     -moz-border-image: url("chrome://browser/skin/images/toggleon-active-36.png") 4 repeat repeat;
   }
-  
+
   radio.checkbox-radio-off {
     -moz-border-image: url("chrome://browser/skin/images/toggleoff-inactive-36.png") 4 repeat repeat;
   }
-  
+
   radio.checkbox-radio-off[selected] {
     -moz-border-image: url("chrome://browser/skin/images/toggleoff-active-36.png") 4 repeat repeat;
   }
 }
 
 /* dark radios ------------------------------------------------------------- */
 .toggle-dark radio {
   color: #fff;
@@ -520,35 +520,35 @@ radio.checkbox-radio-off:not([selected])
   color: #fff;
 }
 
 /* high-res screens */
 @media all and (min-device-width: 401px) {
   .toggle-dark radio {
     -moz-border-image: url("chrome://browser/skin/images/toggledarkmiddle-inactive-64.png") 8 repeat repeat;
   }
-  
+
   .toggle-dark:not([disabled=true]) radio:active:hover,
   .toggle-dark radio[selected] {
     -moz-border-image: url("chrome://browser/skin/images/toggledarkmiddle-active-64.png") 8 repeat repeat;
   }
-  
+
   .toggle-dark radio:first-child {
     -moz-border-image: url("chrome://browser/skin/images/toggledarkleft-inactive-64.png") 8 repeat repeat;
   }
-  
+
   .toggle-dark:not([disabled=true]) radio:first-child:active:hover,
   .toggle-dark radio:first-child[selected] {
     -moz-border-image: url("chrome://browser/skin/images/toggledarkleft-active-64.png") 8 repeat repeat;
   }
-  
+
   .toggle-dark radio:last-child {
     -moz-border-image: url("chrome://browser/skin/images/toggledarkright-inactive-64.png") 8 repeat repeat;
   }
-  
+
   .toggle-dark:not([disabled=true]) radio:last-child:active:hover,
   .toggle-dark radio:last-child[selected] {
     -moz-border-image: url("chrome://browser/skin/images/toggledarkright-active-64.png") 8 repeat repeat;
   }
 
   .toggle-dark radio:first-child:last-child {
     -moz-border-image: url("chrome://browser/skin/images/toggledarkboth-inactive-64.png") 8 repeat repeat;
   }
@@ -559,35 +559,35 @@ radio.checkbox-radio-off:not([selected])
   }
 }
 
 /* low-res screens */
 @media all and (max-device-width: 400px) {
   .toggle-dark radio {
     -moz-border-image: url("chrome://browser/skin/images/toggledarkmiddle-inactive-36.png") 4 repeat repeat;
   }
-  
+
   .toggle-dark:not([disabled=true]) radio:active:hover,
   .toggle-dark radio[selected] {
     -moz-border-image: url("chrome://browser/skin/images/toggledarkmiddle-active-36.png") 4 repeat repeat;
   }
-  
+
   .toggle-dark radio:first-child {
     -moz-border-image: url("chrome://browser/skin/images/toggledarkleft-inactive-36.png") 4 repeat repeat;
   }
-  
+
   .toggle-dark:not([disabled=true]) radio:first-child:active:hover,
   .toggle-dark radio:first-child[selected] {
     -moz-border-image: url("chrome://browser/skin/images/toggledarkleft-active-36.png") 4 repeat repeat;
   }
-  
+
   .toggle-dark radio:last-child {
     -moz-border-image: url("chrome://browser/skin/images/toggledarkright-inactive-36.png") 4 repeat repeat;
   }
-  
+
   .toggle-dark:not([disabled=true]) radio:last-child:active:hover,
   .toggle-dark radio:last-child[selected] {
     -moz-border-image: url("chrome://browser/skin/images/toggledarkright-active-36.png") 4 repeat repeat;
   }
 
   .toggle-dark radio:first-child:last-child {
     -moz-border-image: url("chrome://browser/skin/images/toggledarkboth-inactive-36.png") 4 repeat repeat;
   }
@@ -628,17 +628,17 @@ richlistitem description.normal-bold {
   white-space: pre-wrap;
 }
 
 richlistitem[selected="true"] {
   color: black;
   background-color: white;
 }
 
-richlistitem:active:not([selected="true"]) {
+richlistitem:active:not([selected="true"]):not([typeName="message"]):not(.section-header) {
   background-color: #8db8d8;
 }
 
 richlistitem.section-header,
 richlistitem[selected="true"].section-header {
   font-weight: bold;
   color: #000;
   background-color: lightgray;
@@ -675,28 +675,28 @@ colorpicker > vbox {
 
 /* textbox ----------------------------------------------------------------- */
 
 /* high-res screens */
 @media all and (min-device-width: 401px) {
   .textbox-search-icon {
     list-style-image: url("chrome://browser/skin/images/search-glass-30.png");
   }
-  
+
   .textbox-search-clear {
     list-style-image: url("chrome://browser/skin/images/search-clear-30.png");
   }
 }
 
 /* low-res screens */
 @media all and (max-device-width: 400px) {
   .textbox-search-icon {
     list-style-image: url("chrome://browser/skin/images/search-glass-16.png");
   }
-  
+
   .textbox-search-clear {
     list-style-image: url("chrome://browser/skin/images/search-clear-16.png");
   }
 }
 
 /* menulist ---------------------------------------------------------------- */
 .menulist-label {
   font-weight: bold !important;
@@ -712,49 +712,49 @@ menulist {
 }
 
 /* hi-res screens */
 @media all and (min-device-width: 401px) {
   menulist {
     border-width: 8px !important;
     -moz-border-image: url("chrome://browser/skin/images/button-default-64.png") 8 repeat repeat;
   }
-  
+
   menulist:not([disabled="true"]):active:hover {
     -moz-border-image: url("chrome://browser/skin/images/button-active-64.png") 8 repeat repeat;
   }
-  
+
   menulist.button-dark {
     color: #fff !important;
     background: transparent !important;
     -moz-border-image: url("chrome://browser/skin/images/buttondark-default-64.png") 8 repeat repeat;
   }
-  
+
   menulist.button-dark:not([disabled="true"]):active:hover {
     -moz-border-image: url("chrome://browser/skin/images/buttondark-active-64.png") 8 repeat repeat;
   }
 }
 
 /* low-res screens */
 @media all and (max-device-width: 400px) {
   menulist {
     border-width: 4px !important;
     -moz-border-image: url("chrome://browser/skin/images/button-default-36.png") 4 repeat repeat;
   }
-  
+
   menulist:not([disabled="true"]):active:hover {
     -moz-border-image: url("chrome://browser/skin/images/button-active-36.png") 4 repeat repeat;
   }
-  
+
   menulist.button-dark {
     color: #fff !important;
     background: transparent !important;
     -moz-border-image: url("chrome://browser/skin/images/buttondark-default-36.png") 8 repeat repeat;
   }
-  
+
   menulist.button-dark:not([disabled="true"]):active:hover {
     -moz-border-image: url("chrome://browser/skin/images/buttondark-active-36.png") 8 repeat repeat;
   }
 }
 
 menulist[disabled="true"] {
   color: #aaa !important;
 }
@@ -789,12 +789,12 @@ progressmeter {
   border: 0.35mm solid #aaa;
   -moz-border-top-colors: -moz-initial;
   -moz-border-right-colors: -moz-initial;
   -moz-border-bottom-colors: -moz-initial;
   -moz-border-left-colors: -moz-initial;
   -moz-border-radius: 0.75mm;
 }
 
-.progress-bar 
+.progress-bar
 {
   background-color: #8db8d8;
 }