GamesMirror/adarkroom
1
0
Fork 0
mirror of https://github.com/doublespeakgames/adarkroom.git synced 2026-05-28 00:01:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

Make quantity-adjust buttons bigger

Browse Source
This commit is contained in:
Chris Hooker
2015-04-18 15:10:13 -04:00
parent 909894cb50
commit 165f2d1dd0
1 changed files with 21 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/main.css
+21 -15
View File
@@ -266,7 +266,7 @@ div.button div.cooldown {
} }
.upManyBtn, .dnManyBtn { .upManyBtn, .dnManyBtn {
right: -11px; right: -15px;
} }
.upBtn.disabled, .dnBtn.disabled, .upManyBtn.disabled, .dnManyBtn.disabled { .upBtn.disabled, .dnBtn.disabled, .upManyBtn.disabled, .dnManyBtn.disabled {
@@ -274,11 +274,11 @@ div.button div.cooldown {
} }
.upBtn { .upBtn {
top: -2px; top: -3px;
} }
.upManyBtn { .upManyBtn {
top: -2px; top: -3px;
} }
.upBtn:after, .upBtn:before, .upManyBtn:after, .upManyBtn:before { .upBtn:after, .upBtn:before, .upManyBtn:after, .upManyBtn:before {
@@ -320,24 +320,30 @@ div.button div.cooldown {
top: 4px; top: 4px;
} }
/* Overall size of buttons controlled by this style
border-width and margin-left should be the same. */
.upBtn:before, .dnBtn:before, .upManyBtn:before, .dnManyBtn:before {
border-width: 6px;
left: 50%;
margin-left: -6px;
}
/* Thickness of up/down button lines controlled by this style.
border-width and margin-left should be the same.
Thickness = :before.border-width minus :after.border-width */
.upBtn:after, .dnBtn:after { .upBtn:after, .dnBtn:after {
border-width: 4px;
left: 50%;
margin-left: -4px;
}
/* See comment on .upBtn:after, .dnBtn:after */
.upManyBtn:after, .dnManyBtn:after {
border-width: 3px; border-width: 3px;
left: 50%; left: 50%;
margin-left: -3px; margin-left: -3px;
} }
.upBtn:before, .dnBtn:before, .upManyBtn:before, .dnManyBtn:before {
border-width: 5px;
left: 50%;
margin-left: -5px;
}
.upManyBtn:after, .dnManyBtn:after {
border-width: 2px;
left: 50%;
margin-left: -2px;
}
.dnBtn:after, .dnManyBtn:after { .dnBtn:after, .dnManyBtn:after {
border-color: white transparent transparent; border-color: white transparent transparent;
} }