From 15c75eedb3cd68ab5020f6f0745a7bee24fe1565 Mon Sep 17 00:00:00 2001
From: Nathanael Sensfelder <SpamShield0@MultiAgentSystems.org>
Date: Wed, 30 May 2018 21:17:58 +0200
Subject: Mov pts + smooth :hovers + go button.

---
 src/battlemap/www/style.css | 25 +++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

(limited to 'src/battlemap/www')

diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css
index 46bab81..ee74f23 100644
--- a/src/battlemap/www/style.css
+++ b/src/battlemap/www/style.css
@@ -113,17 +113,33 @@
    display: grid;
    grid-template:
       '.    top .'
-      'left .   right'
+      'left  go  right'
       '.   bottom .';
    margin: auto;
 }
 
-.battlemap-manual-controls > *
+.battlemap-manual-controls > div
 {
-   background-image: url(/asset/svg/arrowhead.svg);
-   background-size: 100%;
    width: 32px;
    height: 32px;
+   background-image: url(/asset/svg/arrowhead.svg);
+   background-size: 100%;
+   transition: opacity 0.3s ease-out;
+   opacity: 0.5;
+}
+
+.battlemap-manual-controls > div:hover
+{
+   opacity: 1;
+}
+
+.battlemap-manual-controls-go
+{
+   margin: auto;
+   width: 28px;
+   height: 28px;
+   border-radius: 100em;
+   grid-area: go;
 }
 
 .battlemap-manual-controls-up
@@ -473,6 +489,7 @@
 {
    background-color: #FFF;
    opacity: 0.3;
+   transition: opacity 0.3s ease-out;
 }
 
 .battlemap-can-go-to-marker:hover
-- 
cgit v1.2.3-70-g09d2