Show handle on sortable buttons resolves #9.

This commit is contained in:
Arpad Csanyi
2016-03-15 22:45:03 +01:00
parent 5da91749af
commit 0eaea4852b
2 changed files with 26 additions and 3 deletions

View File

@@ -40,9 +40,9 @@
<div class="col-xs-12 text-center">
<div class="" role="" style="margin-bottom: 2rem;">
<button type="button" class="btn btn-primary btn-lg">Base</button>
<button type="button" class="btn btn-default btn-lg">Mod</button>
<button type="button" class="btn btn-default btn-lg">Fn</button>
<button type="button" class="btn btn-default btn-lg">Mouse</button>
<button type="button" class="btn btn-default btn-lg grip">Mod</button>
<button type="button" class="btn btn-default btn-lg grip">Fn</button>
<button type="button" class="btn btn-default btn-lg grip">Mouse</button>
</div>
</div>
<div class="col-xs-12">

View File

@@ -171,6 +171,29 @@ ul {
max-width: 100%;
}
.grip {
position: relative;
&:before {
content: '';
display: none;
width: 5px;
height: 20px;
background-image: url(../images/grips/vertical_dark.png);
background-repeat: no-repeat;
position: absolute;
top: 50%;
left: 7px;
margin-top: -10px;
}
&:hover {
&:before {
display: block;
}
}
}
// BOF: These styles will be deleted when removing OWL carousel.
.owl-carousel {
max-width: 991px;