Commit c0cff81e by marco

styled firefox number buttons

parent c3569040
...@@ -624,6 +624,7 @@ body.course.unit { ...@@ -624,6 +624,7 @@ body.course.unit {
top: 0; top: 0;
vertical-align: top; vertical-align: top;
margin-bottom:5px; margin-bottom:5px;
position: relative;
} }
label.setting-label { label.setting-label {
...@@ -671,8 +672,13 @@ body.course.unit { ...@@ -671,8 +672,13 @@ body.course.unit {
} }
input[type="number"] { input[type="number"] {
width: 32%;
width: 38.5%;
@include box-shadow(0 1px 2px $shadow-l1 inset); @include box-shadow(0 1px 2px $shadow-l1 inset);
//For webkit browsers which render number fields differently, make input wider.
-moz-column-width: {
width: 32%;
}
&:active { &:active {
background-color: #FFFCF1; background-color: #FFFCF1;
......
/* HTML5 Number polyfill | Jonathan Stipe | https://github.com/jonstipe/number-polyfill*/ /* HTML5 Number polyfill | Jonathan Stipe | https://github.com/jonstipe/number-polyfill*/
div.number-spin-btn-container { div.number-spin-btn-container {
display: inline-block; display: inline-block;
position: relative; position: absolute;
vertical-align: middle; vertical-align: middle;
margin: 0 0 0 3px; margin: 0 0 0 3px;
padding: 0; } padding: 0;
right: 74px;
top: 6px;
}
div.number-spin-btn { div.number-spin-btn {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
...@@ -14,7 +17,8 @@ div.number-spin-btn { ...@@ -14,7 +17,8 @@ div.number-spin-btn {
border-color: #ededed #777777 #777777 #ededed; border-color: #ededed #777777 #777777 #ededed;
border-style: solid; border-style: solid;
background-color: #eeeeee; background-color: #eeeeee;
width: 1.2em; } width: 1.2em;
font-size: 14px; }
div.number-spin-btn:hover { div.number-spin-btn:hover {
/* added blue hover color */ /* added blue hover color */
background-color: rgb(85, 151, 221); background-color: rgb(85, 151, 221);
...@@ -27,9 +31,10 @@ div.number-spin-btn { ...@@ -27,9 +31,10 @@ div.number-spin-btn {
div.number-spin-btn-up { div.number-spin-btn-up {
border-bottom-width: 1px; border-bottom-width: 1px;
-moz-border-radius: 3px 3px 0px 0px; -moz-border-radius: 0px;
-webkit-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 0px;
border-radius: 3px 3px 0px 0px; } border-radius: 0px;
font-size: 14px; }
div.number-spin-btn-up:before { div.number-spin-btn-up:before {
border-width: 0 0.3em 0.3em 0.3em; border-width: 0 0.3em 0.3em 0.3em;
border-color: transparent transparent black transparent; border-color: transparent transparent black transparent;
......
...@@ -142,7 +142,7 @@ HTML5 Number polyfill | Jonathan Stipe | https://github.com/jonstipe/number-poly ...@@ -142,7 +142,7 @@ HTML5 Number polyfill | Jonathan Stipe | https://github.com/jonstipe/number-poly
var $downBtn, $elem, $upBtn, attrMutationCallback, attrObserver, btnContainer, downBtn, elem, halfHeight, upBtn; var $downBtn, $elem, $upBtn, attrMutationCallback, attrObserver, btnContainer, downBtn, elem, halfHeight, upBtn;
elem = this; elem = this;
$elem = $(elem); $elem = $(elem);
halfHeight = ($elem.outerHeight() / 5) + 'px'; halfHeight = ($elem.outerHeight() / 6) + 'px';
upBtn = document.createElement('div'); upBtn = document.createElement('div');
downBtn = document.createElement('div'); downBtn = document.createElement('div');
$upBtn = $(upBtn); $upBtn = $(upBtn);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment