* Update redeeming.js to take advantage of new dialogs

* Dialogs now support collapsing and expanding
* Fix IITC about window - no longer resizes all onscreen dialogs
This commit is contained in:
Morgan Jones
2013-05-07 01:42:47 -06:00
parent 1f3dfacafc
commit 2bdeb13f45
4 changed files with 162 additions and 42 deletions

View File

@ -503,7 +503,7 @@ h3 {
.mods span {
background-color: rgba(0, 0, 0, 0.3);
/* cant use inline-block because Webkits implementation is buggy and
/* cant use inline-block because Webkit's implementation is buggy and
* introduces additional margins in random cases. No clear necessary,
* as thats solved by setting height on .mods. */
display: block;
@ -666,7 +666,6 @@ h3 {
font-size: 16px;
}
/* update status */
#updatestatus {
background-color: rgba(8, 48, 78, 0.9);
@ -712,6 +711,25 @@ h3 {
padding: 2px 4px;
}
.ui-widget-overlay {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
background: #444;
opacity: 0.6;
}
.ui-modal {
z-index: 10001 !important;
}
.ui-tooltip {
z-index: 10002 !important;
}
.ui-tooltip, .ui-dialog a {
color: #FFCE00;
}
@ -721,15 +739,8 @@ h3 {
border-radius: 2px;
}
.ui-widget-overlay {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index:9998;
background: #444;
opacity: 0.6;
.ui-dialog-modal .ui-dialog-titlebar-close {
display: none;
}
.ui-dialog-titlebar {
@ -743,10 +754,26 @@ h3 {
font-weight: bold;
}
.ui-dialog-titlebar-close {
.ui-dialog-titlebar-button {
position: absolute;
right: .2em;
top: 0;
float: left;
width: 17px;
height: 19px;
top: 2px;
cursor: pointer;
color: #FFCE00;
font-family: "Arial", sans;
font-size: 14px;
border-style: none;
background-color: rgba(0, 0, 0, 0);
}
.ui-dialog-titlebar-button-close {
right: 4px;
}
.ui-dialog-titlebar-button-collapse {
right: 28px;
}
.ui-dialog-content {
@ -757,6 +784,10 @@ h3 {
max-width: 700px !important;
}
.ui-dialog-content-hidden {
display: none !important;
}
.ui-dialog-buttonpane {
padding: 12px;
border-top: 1px solid #20A8B1;
@ -798,7 +829,7 @@ td + td {
}
/* redeem results *****************************************************/
.redeem-result {
.redeem-result-table {
font-size: 14px;
font-family: Roboto, Arial, Helvetica, sans-serif;
table-layout: fixed;
@ -809,6 +840,10 @@ td + td {
text-align: right;
}
.redeem-result-html {
font-family: Inconsolata, Consolas, Menlo, "Courier New", monospace;
}
.pl_nudge_date {
background-color: #724510;
border-left: 1px solid #ffd652;