juni/junisaber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix some menu alignment (difficulty top align, challenge screen not centered)

Browse Source
This commit is contained in:
Kevin Ngo
2018-09-18 02:27:46 -07:00
parent e8e55371e3
commit c769b497af
1 changed files with 6 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/templates/menu.html
View File

@@ -47,38 +47,30 @@
slice9="width: 2.5; height: 1.4"
position="0 0 -0.005"></a-entity>
<a-entity id="searchResultsContainer" position="0 0 0.001"
animation__toleft="property: position.x; to: -0.59; dur: 200; easing: easeOutCubic; startEvents: menuchallengeselect"
animation__toright="property: position.x; to: 0; dur: 200; easing: easeOutCubic; startEvents: menuback"
proxy-event__divisor1="event: menuchallengeselect; to: #divisor-a"
proxy-event__divisor2="event: menuback; to: #divisor-a"
>
proxy-event__divisor2="event: menuback; to: #divisor-a">
<a-entity id="divisor-a"
position="0.566 0 -0.0025"
geometry="primitive:plane; height:1.17; width:0.02"
material="shader: flat; color: #fff; transparent: true; opacity: 0.0"
animation__fadein ="property: material.opacity; to: 1.0; startEvents: menuchallengeselect; dur: 200"
animation__fadeout="property: material.opacity; to: 0.0; startEvents: menuback; dur: 200"
></a-entity>
animation__fadeout="property: material.opacity; to: 0.0; startEvents: menuback; dur: 200"></a-entity>
{{ searchResults() }}
</a-entity>
<template id="difficultyOptionTemplate">
</template>
<a-entity id="menuDifficulties"
bind-for="for: difficulty; in: menuDifficulties"
bind__visible="!!menuSelectedChallenge.id"
layout="type: box; columns: 1; marginRow: -0.2; orderAttribute: data-bind-for-key"
menu-difficulty-select
position="0.35 0.180 0"
animation__toleft="property: position; to: 0.195 0.18 0; dur: 200; easing: easeOutCubic; startEvents: menuchallengeselect"
animation__toright="property: position; to: 0.35 0.18 0; dur: 200; easing: easeOutCubic; startEvents: menuback"
>
position="0.35 0.52 0"
animation__toleft="property: object3D.position.x; to: 0.195; dur: 200; easing: easeOutCubic; startEvents: menuchallengeselect"
animation__toright="property: object3D.position.x; to: 0.35; dur: 200; easing: easeOutCubic; startEvents: menuback">
{% raw %}
<template>
<a-entity class="difficultyOption" data-difficulty="{{ difficulty }}">
@@ -100,7 +92,7 @@
</a-entity>
<a-entity id="menuSelectedChallengePanel" bind__visible="!!menuSelectedChallenge.id"
position="0.6 0 0.001">
position="0.75 0 0.001">
<a-entity id="menuSelectedChallengeImage"
bind__material="src: menuSelectedChallenge.image"
geometry="primitive: plane; height: 0.2; width: 0.2"