Merge pull request #76 from umbraco/bug-checkbox-fix
Fixed the firefox checkbox bug (http://issues.umbraco.org/issue/OUR-331)
This commit is contained in:
Sebastiaan Janssen
@@ -7,7 +7,7 @@
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
|
||||
|
||||
<title></title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
@@ -93,7 +93,7 @@
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="user-latest-posts">
|
||||
|
||||
@@ -149,7 +149,7 @@
|
||||
<div class="navigation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
|
||||
<div class="col-md-3">
|
||||
<a class="logo" href="index.html">
|
||||
Our Umbraco
|
||||
@@ -203,7 +203,7 @@
|
||||
<div class="close-notification">
|
||||
<i class="icon-Delete"></i>Close
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@@ -220,7 +220,7 @@
|
||||
<ul id="breadcrumb">
|
||||
<li><a href="/documentation" rel="nofollow">Our Umbraco</a></li><li><a href="/documentation/Extending-Umbraco" rel="nofollow">Forum</a></li><li><a href="/documentation/Extending-Umbraco/Dashboards" rel="nofollow">Starter kit solutions on Github: how to use?</a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div class="utility-actions">
|
||||
<button class="button create-new-thread">
|
||||
<i class="icon-Add"></i><span>Create new</span>
|
||||
@@ -257,7 +257,15 @@
|
||||
<option class="category frontend">Core</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="search-options" class="search-options">
|
||||
<label>Sort by</label>
|
||||
<div class="options">
|
||||
<label class="checkbox"><input type="checkbox" name="unsolved"/><span></span><small>show only solved topics</small></label>
|
||||
<label class="checkbox"><input type="checkbox" name="noreplies"/><span></span><small>show only topics with replies</small></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- FORUM HEADER END -->
|
||||
@@ -271,7 +279,7 @@
|
||||
<div class="topic">Topic</div>
|
||||
<div class="category">Category</div>
|
||||
<div class="posts">Replies</div>
|
||||
|
||||
|
||||
</div>
|
||||
<!-- FORUM LIST HEADER END -->
|
||||
|
||||
@@ -561,7 +569,7 @@
|
||||
</a>
|
||||
</div>
|
||||
<div class="category frontend"><a href="#">Azure</a></div>
|
||||
<div class="posts"><small>154</small> <span>Replies</span></div>
|
||||
<div class="posts"><small>154</small> <span>Replies</span></div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -601,8 +609,8 @@
|
||||
</div>
|
||||
<div class="category frontend"><a href="#">Azure</a></div>
|
||||
<div class="posts"><small>154</small> <span>Replies</span></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<nav class="pagination" role="navigation">
|
||||
<a class="prev" href="#">prev</a>
|
||||
@@ -650,9 +658,9 @@
|
||||
classOnScroll('header', 'sticky', 10);
|
||||
classOnScroll('.notification', 'sticky', 10);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
@@ -190,9 +190,8 @@
|
||||
<div id="search-options" class="search-options">
|
||||
<label>Sort by</label>
|
||||
<div class="options">
|
||||
<span><input type="checkbox" name="solved"><small>show only solved topics</small></span><br>
|
||||
<span><input type="checkbox" name="replies"><small>show only topics with replies</small></span><br>
|
||||
<span><input type="checkbox" name="order" value="updateDate"><small>show last updated first</small></span>
|
||||
<label class="checkbox"><input type="checkbox" name="unsolved"/><span></span><small>show only solved topics</small></label>
|
||||
<label class="checkbox"><input type="checkbox" name="noreplies"/><span></span><small>show only topics with replies</small></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -337,97 +337,6 @@
|
||||
|
||||
.search-options {
|
||||
padding: 0 10px;
|
||||
margin: 10px 0 40px;
|
||||
|
||||
label {
|
||||
font-size: .9rem;
|
||||
color: #4f5f63;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
letter-spacing: .2px;
|
||||
display: block;
|
||||
margin-bottom: .5rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.options {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
span {
|
||||
position: relative;
|
||||
flex: 1 1 auto;
|
||||
margin-right: 20px;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
text-align: center;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
min-height: 50px;
|
||||
|
||||
input {
|
||||
position: absolute;
|
||||
z-index: 20;
|
||||
top: 0;
|
||||
left: 0;
|
||||
appearance: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
padding: 15px 0;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
border: 2px solid rgba($color-space, .22);
|
||||
|
||||
transition: border 150ms ease;
|
||||
|
||||
outline: none;
|
||||
|
||||
&:hover {
|
||||
border-color: rgba($color-space, .44);
|
||||
|
||||
+ small {
|
||||
color: darken($color-space, 2%);
|
||||
}
|
||||
}
|
||||
|
||||
&:checked {
|
||||
border-color: $color-green;
|
||||
background: rgba($color-green, .22);
|
||||
|
||||
+ small {
|
||||
color: $color-green;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: $color-green;
|
||||
background: rgba($color-green, .15);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
small {
|
||||
color: rgba($color-space, .66);
|
||||
transition: color 150ms ease;
|
||||
font-size: .7rem;
|
||||
|
||||
transform: translate(0, 3px);
|
||||
|
||||
|
||||
@media(min-width: $md) {
|
||||
font-size: .9rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search-all-results {
|
||||
@@ -516,5 +425,118 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.search-options {
|
||||
margin: 10px 0 40px;
|
||||
|
||||
width: 100%;
|
||||
|
||||
label, label:not(.checkbox) {
|
||||
font-size: .9rem;
|
||||
color: #4f5f63;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
letter-spacing: .2px;
|
||||
display: block;
|
||||
margin-bottom: .5rem;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.options {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
label {
|
||||
position: relative;
|
||||
flex: 1 1 auto;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
text-align: center;
|
||||
|
||||
margin-right: 20px;
|
||||
|
||||
input[type="checkbox"] {
|
||||
display:none;
|
||||
|
||||
&:checked + span {
|
||||
border-color: $color-green;
|
||||
background: rgba($color-green, .55);
|
||||
|
||||
+ small {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: $color-green;
|
||||
background: rgba($color-green, .45);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
flex: 1 1 auto;
|
||||
|
||||
height: 50px;
|
||||
|
||||
margin-right: 0;
|
||||
|
||||
cursor: pointer;
|
||||
border: 2px solid rgba($color-space, .22);
|
||||
transition: border 150ms ease;
|
||||
}
|
||||
|
||||
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
&:hover {
|
||||
color: darken($color-space, 2%);
|
||||
|
||||
span {
|
||||
border-color: rgba($color-space, .44);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
small {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
|
||||
color: rgba($color-space, .66);
|
||||
transition: color 150ms ease;
|
||||
font-size: .7rem;
|
||||
letter-spacing: .5px;
|
||||
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
@media(min-width: $md) {
|
||||
font-size: .75rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@@ -282,108 +282,9 @@
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.search-options {
|
||||
padding: 0 10px;
|
||||
margin: 10px 0 40px;
|
||||
width: 100%;
|
||||
|
||||
label {
|
||||
font-size: .9rem;
|
||||
color: #4f5f63;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
letter-spacing: .2px;
|
||||
display: block;
|
||||
margin-bottom: .5rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.options {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
span {
|
||||
position: relative;
|
||||
flex: 1 1 auto;
|
||||
margin-right: 20px;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
text-align: center;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
min-height: 50px;
|
||||
|
||||
input {
|
||||
position: absolute;
|
||||
z-index: 20;
|
||||
top: 0;
|
||||
left: 0;
|
||||
appearance: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
padding: 15px 0;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
border: 2px solid rgba($color-space, .22);
|
||||
|
||||
transition: border 150ms ease;
|
||||
|
||||
outline: none;
|
||||
|
||||
&:hover {
|
||||
border-color: rgba($color-space, .44);
|
||||
|
||||
+ small {
|
||||
color: darken($color-space, 2%);
|
||||
}
|
||||
}
|
||||
|
||||
&:checked {
|
||||
border-color: $color-green;
|
||||
background: rgba($color-green, .22);
|
||||
|
||||
+ small {
|
||||
color: $color-green;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: $color-green;
|
||||
background: rgba($color-green, .15);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
small {
|
||||
color: rgba($color-space, .66);
|
||||
transition: color 150ms ease;
|
||||
font-size: .7rem;
|
||||
|
||||
transform: translate(0, 3px);
|
||||
|
||||
|
||||
@media(min-width: $md) {
|
||||
font-size: .9rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// Buttons in forum
|
||||
.forum-page .button, .forum-page button.button {
|
||||
|
||||
|
||||
Reference in New Issue
Block a user