Show handle on sortable buttons resolves #9.
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user