Commit 15748399 authored by Thomas Park's avatar Thomas Park
Browse files

paper: fix checkbox/radio alignment in firefox, closes #497

parent c9446715
...@@ -247,9 +247,9 @@ input[type="radio"], ...@@ -247,9 +247,9 @@ input[type="radio"],
.radio input[type="radio"], .radio input[type="radio"],
.radio-inline input[type="radio"] { .radio-inline input[type="radio"] {
position: relative; position: relative;
margin-top: 5px; margin-top: 6px;
margin-right: 4px; margin-right: 4px;
vertical-align: -4px; vertical-align: top;
border: none; border: none;
background-color: transparent; background-color: transparent;
-webkit-appearance: none; -webkit-appearance: none;
...@@ -266,7 +266,6 @@ input[type="radio"], ...@@ -266,7 +266,6 @@ input[type="radio"],
display: block; display: block;
width: 18px; width: 18px;
height: 18px; height: 18px;
margin-top: -3px;
border-radius: 50%; border-radius: 50%;
@include transition(240ms); @include transition(240ms);
} }
...@@ -274,12 +273,14 @@ input[type="radio"], ...@@ -274,12 +273,14 @@ input[type="radio"],
&:before { &:before {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: -3px;
background-color: $brand-primary; background-color: $brand-primary;
@include scale(0); @include scale(0);
} }
&:after { &:after {
position: relative;
top: -3px;
border: 2px solid $gray; border: 2px solid $gray;
} }
...@@ -305,8 +306,8 @@ input[type="checkbox"], ...@@ -305,8 +306,8 @@ input[type="checkbox"],
.checkbox input[type="checkbox"], .checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] { .checkbox-inline input[type="checkbox"] {
position: relative; position: relative;
vertical-align: -4px;
border: none; border: none;
margin-bottom: -4px;
-webkit-appearance: none; -webkit-appearance: none;
appearance: none; appearance: none;
cursor: pointer; cursor: pointer;
......
...@@ -7207,9 +7207,9 @@ input[type="radio"], ...@@ -7207,9 +7207,9 @@ input[type="radio"],
.radio input[type="radio"], .radio input[type="radio"],
.radio-inline input[type="radio"] { .radio-inline input[type="radio"] {
position: relative; position: relative;
margin-top: 5px; margin-top: 6px;
margin-right: 4px; margin-right: 4px;
vertical-align: -4px; vertical-align: top;
border: none; border: none;
background-color: transparent; background-color: transparent;
-webkit-appearance: none; -webkit-appearance: none;
...@@ -7231,7 +7231,6 @@ input[type="radio"]:after, ...@@ -7231,7 +7231,6 @@ input[type="radio"]:after,
display: block; display: block;
width: 18px; width: 18px;
height: 18px; height: 18px;
margin-top: -3px;
border-radius: 50%; border-radius: 50%;
-webkit-transition: 240ms; -webkit-transition: 240ms;
-o-transition: 240ms; -o-transition: 240ms;
...@@ -7242,7 +7241,7 @@ input[type="radio"]:before, ...@@ -7242,7 +7241,7 @@ input[type="radio"]:before,
.radio-inline input[type="radio"]:before { .radio-inline input[type="radio"]:before {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: -3px;
background-color: #2196f3; background-color: #2196f3;
-webkit-transform: scale(0); -webkit-transform: scale(0);
-ms-transform: scale(0); -ms-transform: scale(0);
...@@ -7252,6 +7251,8 @@ input[type="radio"]:before, ...@@ -7252,6 +7251,8 @@ input[type="radio"]:before,
input[type="radio"]:after, input[type="radio"]:after,
.radio input[type="radio"]:after, .radio input[type="radio"]:after,
.radio-inline input[type="radio"]:after { .radio-inline input[type="radio"]:after {
position: relative;
top: -3px;
border: 2px solid #666666; border: 2px solid #666666;
} }
input[type="radio"]:checked:before, input[type="radio"]:checked:before,
...@@ -7284,8 +7285,8 @@ input[type="checkbox"], ...@@ -7284,8 +7285,8 @@ input[type="checkbox"],
.checkbox input[type="checkbox"], .checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] { .checkbox-inline input[type="checkbox"] {
position: relative; position: relative;
vertical-align: -4px;
border: none; border: none;
margin-bottom: -4px;
-webkit-appearance: none; -webkit-appearance: none;
appearance: none; appearance: none;
cursor: pointer; cursor: pointer;
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -247,9 +247,9 @@ input[type="radio"], ...@@ -247,9 +247,9 @@ input[type="radio"],
.radio input[type="radio"], .radio input[type="radio"],
.radio-inline input[type="radio"] { .radio-inline input[type="radio"] {
position: relative; position: relative;
margin-top: 5px; margin-top: 6px;
margin-right: 4px; margin-right: 4px;
vertical-align: -4px; vertical-align: top;
border: none; border: none;
background-color: transparent; background-color: transparent;
-webkit-appearance: none; -webkit-appearance: none;
...@@ -266,7 +266,6 @@ input[type="radio"], ...@@ -266,7 +266,6 @@ input[type="radio"],
display: block; display: block;
width: 18px; width: 18px;
height: 18px; height: 18px;
margin-top: -3px;
border-radius: 50%; border-radius: 50%;
.transition(240ms); .transition(240ms);
} }
...@@ -274,12 +273,14 @@ input[type="radio"], ...@@ -274,12 +273,14 @@ input[type="radio"],
&:before { &:before {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: -3px;
background-color: @brand-primary; background-color: @brand-primary;
.scale(0); .scale(0);
} }
&:after { &:after {
position: relative;
top: -3px;
border: 2px solid @gray; border: 2px solid @gray;
} }
...@@ -305,8 +306,8 @@ input[type="checkbox"], ...@@ -305,8 +306,8 @@ input[type="checkbox"],
.checkbox input[type="checkbox"], .checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] { .checkbox-inline input[type="checkbox"] {
position: relative; position: relative;
vertical-align: -4px;
border: none; border: none;
margin-bottom: -4px;
-webkit-appearance: none; -webkit-appearance: none;
appearance: none; appearance: none;
cursor: pointer; cursor: pointer;
......
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