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