v0.8

Merge branch 'dev'

README.md

@@ -35,8 +35,8 @@ These are the contents of the script:
 $ mkdir ~/Spotify ; cd ~/Spotify
 $ rm -rf rama
 $ rm -rf rama-spotify
-$ wget https://github.com/carsy/rama-spotify/releases/download/v0.6/rama_v0.6.tar.gz
-$ tar -xvf rama_v0.6.tar.gz
+$ wget https://github.com/carsy/rama-spotify/releases/download/v0.8/rama_v0.8.tar.gz
+$ tar -xvf rama_v0.8.tar.gz
 $ open spotify:app:rama
 ```
 You should now be in the app and seeing a graph thingy.
@@ -61,6 +61,11 @@ With no official release for the Spotify Desktop Client, there's nothing I can d
 [Releases]
 ----
 
+[v0.8] - UX update
+  - Look and feel of nodes and buttons updated
+  - [bugfix] on double click node does not refresh graph
+  - new map button added to artist menu
+
 [v0.6] - Artist menu
   - Artist menu added
   - Click on an artist node to view its info on the menu
@@ -107,6 +112,7 @@ José Bateira
 [here]:https://github.com/carsy/rama-spotify/releases/latest
 [Releases]:https://github.com/carsy/rama-spotify/releases/latest
 [issues]:https://github.com/carsy/rama-spotify/issues
+[v0.8]:https://github.com/carsy/rama-spotify/releases/tag/v0.8
 [v0.6]:https://github.com/carsy/rama-spotify/releases/tag/v0.6
 [v0.5]:https://github.com/carsy/rama-spotify/releases/tag/v0.5
 [v0.3]:https://github.com/carsy/rama-spotify/releases/tag/v0.3

css/main.css

@@ -295,7 +295,7 @@ a {
 }
 /* line 16, ../sass/_header.scss */
 #header .header-text a {
-  color: #bbb;
+  color: #dfe0e6;
 }
 /* line 21, ../sass/_header.scss */
 #header .header-title {
@@ -342,8 +342,9 @@ a {
   z-index: 2;
   top: 65px;
   right: 10px;
+  color: #dfe0e6;
 }
-/* line 9, ../sass/_settings.scss */
+/* line 11, ../sass/_settings.scss */
 #settings .settings-btn {
   float: right;
   width: 20px;
@@ -353,19 +354,19 @@ a {
   background: url(../img/settings.png) no-repeat;
   background-size: cover;
 }
-/* line 20, ../sass/_settings.scss */
+/* line 22, ../sass/_settings.scss */
 #settings .settings-btn:hover {
   cursor: pointer;
 }
-/* line 24, ../sass/_settings.scss */
+/* line 26, ../sass/_settings.scss */
 #settings .settings-btn.opened {
   opacity: 1;
 }
-/* line 28, ../sass/_settings.scss */
+/* line 30, ../sass/_settings.scss */
 #settings .settings-btn:active {
   -webkit-transform: scale(0.9, 0.9);
 }
-/* line 33, ../sass/_settings.scss */
+/* line 35, ../sass/_settings.scss */
 #settings .settings-form {
   display: none;
   position: relative;
@@ -378,7 +379,7 @@ a {
   border-color: #3e3e40;
   border-style: solid;
 }
-/* line 47, ../sass/_settings.scss */
+/* line 49, ../sass/_settings.scss */
 #settings .settings-form .tri {
   position: absolute;
   top: -5px;
@@ -392,20 +393,20 @@ a {
   border-style: solid;
   -webkit-transform: rotate(45deg);
 }
-/* line 64, ../sass/_settings.scss */
+/* line 66, ../sass/_settings.scss */
 #settings .settings-form .option {
   overflow: auto;
 }
-/* line 67, ../sass/_settings.scss */
+/* line 69, ../sass/_settings.scss */
 #settings .settings-form .option:not(.first-child) {
   margin-top: 5px;
 }
-/* line 71, ../sass/_settings.scss */
+/* line 73, ../sass/_settings.scss */
 #settings .settings-form .option label {
   float: left;
   margin-right: 5px;
 }
-/* line 75, ../sass/_settings.scss */
+/* line 77, ../sass/_settings.scss */
 #settings .settings-form .option input {
   padding: 2px;
   width: 30px;
@@ -414,7 +415,7 @@ a {
   border-width: 1px;
   border-color: #3e3e40;
 }
-/* line 83, ../sass/_settings.scss */
+/* line 85, ../sass/_settings.scss */
 #settings .settings-form .option input[name=treemode] {
   margin-top: 5px;
   margin-left: 5px;
@@ -508,6 +509,11 @@ meter {
   opacity: 0.95;
 }
 /* line 54, ../sass/_tracklist.scss */
+#tracklist .list-track:active {
+  border-color: #7fb701;
+  -webkit-transform: scale(0.98, 0.98);
+}
+/* line 59, ../sass/_tracklist.scss */
 #tracklist .list-track a {
   color: #dfe0e6;
 }
@@ -517,7 +523,7 @@ meter {
   position: absolute;
   left: 0;
   top: 20%;
-  width: 151px;
+  width: 126px;
   opacity: 0.9;
   background-color: #222326;
   border-color: #3e3e40;
@@ -526,32 +532,30 @@ meter {
   border-left: 0;
   color: #dfe0e6;
 }
-/* line 20, ../sass/_artistmenu.scss */
+/* line 19, ../sass/_artistmenu.scss */
 #artistmenu .artist-info-field {
   margin: 5px;
 }
-/* line 24, ../sass/_artistmenu.scss */
+/* line 23, ../sass/_artistmenu.scss */
 #artistmenu #artist_albums {
   width: 120px;
   margin: 5px auto;
 }
-/* line 28, ../sass/_artistmenu.scss */
+/* line 27, ../sass/_artistmenu.scss */
 #artistmenu #artist_albums .artist-album {
   display: inline-block;
   margin: 5px;
 }
-/* line 35, ../sass/_artistmenu.scss */
+/* line 33, ../sass/_artistmenu.scss */
 #artistmenu #artist_controls {
   display: none;
-  position: absolute;
-  bottom: 0;
   width: 100%;
 }
-/* line 41, ../sass/_artistmenu.scss */
+/* line 37, ../sass/_artistmenu.scss */
 #artistmenu #artist_controls .control:first-child {
   margin-top: 10px;
 }
-/* line 44, ../sass/_artistmenu.scss */
+/* line 40, ../sass/_artistmenu.scss */
 #artistmenu #artist_controls .control {
   background-color: #2e2f33;
   max-width: 80%;
@@ -564,7 +568,16 @@ meter {
   cursor: pointer;
   text-align: center;
 }
+/* line 53, ../sass/_artistmenu.scss */
+#artistmenu #artist_controls .control#control_expand, #artistmenu #artist_controls .control#control_delete {
+  display: none;
+}
 /* line 57, ../sass/_artistmenu.scss */
 #artistmenu #artist_controls .control:hover {
   opacity: 0.95;
 }
+/* line 61, ../sass/_artistmenu.scss */
+#artistmenu #artist_controls .control:active {
+  border-color: #7fb701;
+  -webkit-transform: scale(0.98, 0.98);
+}

install.sh

@@ -1,6 +1,6 @@
 #!/bin/sh
 
-version="v0.6"
+version="v0.8"
 
 mkdir ~/Spotify ; cd ~/Spotify
 rm -rf rama-spotify