Bug 582676 - Fix slow CSS selectors in mobile-browser/themes/core (pt 1) [r=mfinkle]

This commit is contained in:
Matt Brubeck 2010-07-29 09:52:02 -07:00
parent d7ed8ff6f2
commit 76a87d94d8
7 changed files with 22 additions and 59 deletions

View File

@ -19,10 +19,7 @@
</commandset>
<vbox class="prompt-header" flex="1">
<hbox>
<label id="prompt-alert-title" class="prompt-title" crop="center" flex="1"/>
<toolbarbutton class="close-button" command="cmd_cancel"/>
</hbox>
<label id="prompt-alert-title" class="prompt-title" crop="center"/>
<scrollbox orient="vertical" class="prompt-message" flex="1">
<description id="prompt-alert-message"/>

View File

@ -19,10 +19,7 @@
</commandset>
<vbox class="prompt-header" flex="1">
<hbox>
<label id="prompt-confirm-title" class="prompt-title" crop="center" flex="1"/>
<toolbarbutton class="close-button" command="cmd_cancel"/>
</hbox>
<label id="prompt-confirm-title" class="prompt-title" crop="center"/>
<scrollbox orient="vertical" class="prompt-message" flex="1">
<description id="prompt-confirm-message"/>

View File

@ -19,10 +19,7 @@
</commandset>
<vbox class="prompt-header" flex="1">
<hbox>
<label id="prompt-prompt-title" class="prompt-title" crop="center" flex="1"/>
<toolbarbutton class="close-button" command="cmd_cancel"/>
</hbox>
<label id="prompt-prompt-title" class="prompt-title" crop="center"/>
<scrollbox orient="vertical" class="prompt-message" flex="1">
<description id="prompt-prompt-message"/>

View File

@ -24,10 +24,7 @@
</commandset>
<vbox class="prompt-header" flex="1">
<hbox>
<label id="prompt-password-title" class="prompt-title" crop="center" flex="1"/>
<toolbarbutton class="close-button" command="cmd_cancel"/>
</hbox>
<label id="prompt-password-title" class="prompt-title" crop="center"/>
<scrollbox orient="vertical" class="prompt-message" flex="1">
<description id="prompt-password-message"/>

View File

@ -19,10 +19,7 @@
</commandset>
<vbox class="prompt-header" flex="1">
<hbox>
<label id="prompt-select-title" class="prompt-title" crop="center" flex="1"/>
<toolbarbutton class="close-button" command="cmd_cancel"/>
</hbox>
<label id="prompt-select-title" class="prompt-title" crop="center"/>
<scrollbox orient="vertical" class="prompt-message" flex="1">
<description id="prompt-select-message"/>

View File

@ -578,18 +578,6 @@ placeitem[ui="manage"] > .bookmark-manage > image {
visibility: collapse;
}
.close-button {
-moz-appearance: none;
border: none;
margin: 0;
padding: 0;
list-style-image: url("chrome://browser/skin/images/close-default-40.png");
}
.close-button:hover:active {
list-style-image: url("chrome://browser/skin/images/close-active-40.png");
}
.tool-search {
list-style-image: url("chrome://browser/skin/images/navigation-magnifier-30.png");
margin-right: 8px;

View File

@ -118,14 +118,14 @@ textbox[isempty="true"] {
padding: 64px;
}
.modal-block dialog {
dialog {
color: #fff;
background-color: transparent;
-moz-border-radius: 8px;
-moz-box-shadow: black 0 2px 2px;
}
dialog .prompt-header {
dialog > .prompt-header {
padding: 8px;
font-size: 18px !important;
-moz-border-radius: 8px 8px 0 0;
@ -138,17 +138,7 @@ dialog .prompt-header {
-moz-border-right-colors: black #4a4b4f;
}
dialog hbox > .close-button {
min-height: 0 !important;
min-width: 0 !important;
display: none;
}
dialog[closebutton="true"] hbox > .close-button {
display: -moz-box;
}
dialog .prompt-title {
dialog > .prompt-header > .prompt-title {
font-size: 24px !important;
}
@ -158,21 +148,21 @@ dialog .prompt-title {
padding: 32px;
}
dialog .prompt-header {
dialog > .prompt-header {
font-size: 16px !important;
}
dialog .prompt-title {
dialog > .prompt-header > .prompt-title {
font-size: 18px !important;
}
}
dialog .prompt-message {
dialog > .prompt-header > .prompt-message {
margin-top: 8px;
white-space: pre-wrap;
}
dialog .button-checkbox {
dialog > .prompt-header > .button-checkbox {
margin-left: 24px;
}
@ -236,7 +226,7 @@ button.button-dark[disabled="true"] {
}
/* spinbuttons ------------------------------------------------------------- */
textbox hbox.numberbox-input-box {
.numberbox-input-box {
max-width: 128px;
border: 3px solid #262629;
border-right: 0px solid transparent;
@ -247,33 +237,33 @@ textbox hbox.numberbox-input-box {
-moz-border-left-colors: -moz-initial;
}
spinbuttons .spinbuttons-box {
.spinbuttons-box {
-moz-box-orient: horizontal !important;
-moz-box-direction: reverse !important;
}
spinbuttons .spinbuttons-up .button-icon,
spinbuttons .spinbuttons-down .button-icon {
.spinbuttons-up .button-icon,
.spinbuttons-down .button-icon {
display: block;
}
spinbuttons .spinbuttons-up {
.spinbuttons-up {
border-width: 8px;
-moz-border-image: url("chrome://browser/skin/images/toggleoff-inactive-64.png") 8 repeat repeat !important;
list-style-image: url("chrome://browser/skin/images/arrowup-16.png");
}
spinbuttons .spinbuttons-up:hover:active:not([disabled=true]) {
.spinbuttons-up:hover:active:not([disabled=true]) {
-moz-border-image: url("chrome://browser/skin/images/toggleoff-active-64.png") 8 repeat repeat !important;
}
spinbuttons .spinbuttons-down {
.spinbuttons-down {
border-width: 8px;
-moz-border-image: url("chrome://browser/skin/images/togglemiddle-inactive-64.png") 8 repeat repeat !important;
list-style-image: url("chrome://browser/skin/images/arrowdown-16.png");
}
spinbuttons .spinbuttons-down:hover:active:not([disabled=true]) {
.spinbuttons-down:hover:active:not([disabled=true]) {
-moz-border-image: url("chrome://browser/skin/images/togglemiddle-active-64.png") 8 repeat repeat !important;
}
@ -344,12 +334,12 @@ toolbarbutton.button-dark[type="checkbox"][checked="true"] {
-moz-border-image: none !important;
}
.button-checkbox .button-image-icon {
.button-checkbox > .button-image-icon {
-moz-margin-end: 8px;
list-style-image: url("chrome://browser/skin/images/check-unselected-30.png");
}
.button-checkbox[checked="true"] .button-image-icon {
.button-checkbox[checked="true"] > .button-image-icon {
list-style-image: url("chrome://browser/skin/images/check-selected-30.png");
}