interaction

This commit is contained in:
Garry Ing 2021-03-15 21:18:42 -04:00
parent 44be8dd327
commit e5b12b1d92
No known key found for this signature in database
GPG Key ID: 3B379B1F2193CC3E
3 changed files with 13 additions and 3 deletions

View File

@ -8,7 +8,7 @@
</main> </main>
{%- include footer.html -%} {%- include footer.html -%}
{% include link-previews.html %} {% include link-previews.html %}
<script src="{{ "/assets/js/d3.v6.min.js" | relative_url }}" defer></script> <script src="{{ "/assets/js/d3.v6.min.js" | relative_url }}" async></script>
<script src="{{ "/assets/js/scripts.js" | relative_url }}" defer></script> <script src="{{ "/assets/js/scripts.js" | relative_url }}" async></script>
</body> </body>
</html> </html>

View File

@ -13,6 +13,16 @@
font-family: "Anthony", sans-serif; font-family: "Anthony", sans-serif;
} }
// Extended cursors
.grab:hover {
cursor: grab;
}
.grabbing:active {
cursor: grabbing;
}
// Notes Graph // Notes Graph
.links path { .links path {

View File

@ -166,7 +166,7 @@ if (typeof window.graphData !== 'undefined') {
const element = document.createElementNS('http://www.w3.org/2000/svg', 'svg') const element = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
element.setAttribute('width', graphWrapper.getBoundingClientRect().width) element.setAttribute('width', graphWrapper.getBoundingClientRect().width)
element.setAttribute('height', window.innerHeight * 0.8) element.setAttribute('height', window.innerHeight * 0.8)
element.classList.add('absolute', 'vh-100') element.classList.add('absolute', 'vh-100', 'grab', 'grabbing')
graphWrapper.appendChild(element) graphWrapper.appendChild(element)
const reportWindowSize = () => { const reportWindowSize = () => {