Put cammie controls in separate div
This commit is contained in:
parent
57873aeafb
commit
dfdf87d2ac
3 changed files with 68 additions and 63 deletions
|
@ -13,7 +13,7 @@ debounce = (func, wait, initial = () -> ) ->
|
|||
initial.apply context, args if callNow
|
||||
|
||||
# Display controls when moving mouse
|
||||
$ "#cammie-body"
|
||||
$ "#cammie-ctrls"
|
||||
.mousemove debounce () ->
|
||||
$ this
|
||||
.removeClass 'display'
|
||||
|
|
|
@ -20,6 +20,8 @@
|
|||
position: relative;
|
||||
height: 100%;
|
||||
#cammie-body {
|
||||
height: 100%;
|
||||
#cammie-ctrls {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
|
@ -67,3 +69,4 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -30,7 +30,8 @@ title: Cammie
|
|||
-->
|
||||
|
||||
<div id="cammie-body">
|
||||
<div class="cammie-ctrls top-row row">
|
||||
<div id="cammie-ctrls">
|
||||
<div class="top-row row">
|
||||
<div class="column ctrl left" data-x="-10" data-y="10">
|
||||
diag up left
|
||||
</div>
|
||||
|
@ -42,7 +43,7 @@ title: Cammie
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row middle-row cammie-ctrls">
|
||||
<div class="row middle-row">
|
||||
<div class="column ctrl left" data-x="-10" data-y="0">
|
||||
left
|
||||
</div>
|
||||
|
@ -51,7 +52,7 @@ title: Cammie
|
|||
right
|
||||
</div>
|
||||
</div>
|
||||
<div class="row bottom-row cammie-ctrls">
|
||||
<div class="row bottom-row">
|
||||
<div class="column ctrl left" data-x="-10" data-y="-10">
|
||||
diag down left
|
||||
</div>
|
||||
|
@ -63,6 +64,7 @@ title: Cammie
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Hero footer: will stick at the bottom -->
|
||||
<div class="hero-foot">
|
||||
<nav class="tabs is-boxed is-fullwidth">
|
||||
|
|
Loading…
Reference in a new issue