uhk/agent
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Show handle on sortable buttons resolves #9.

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+3 -3
View File
@@ -40,9 +40,9 @@
<div class="col-xs-12 text-center"> <div class="col-xs-12 text-center">
<div class="" role="" style="margin-bottom: 2rem;"> <div class="" role="" style="margin-bottom: 2rem;">
<button type="button" class="btn btn-primary btn-lg">Base</button> <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 grip">Mod</button>
<button type="button" class="btn btn-default btn-lg">Fn</button> <button type="button" class="btn btn-default btn-lg grip">Fn</button>
<button type="button" class="btn btn-default btn-lg">Mouse</button> <button type="button" class="btn btn-default btn-lg grip">Mouse</button>
</div> </div>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12">
sass/app.scss
+23
View File
@@ -171,6 +171,29 @@ ul {
max-width: 100%; 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. // BOF: These styles will be deleted when removing OWL carousel.
.owl-carousel { .owl-carousel {
max-width: 991px; max-width: 991px;