diff --git a/blitzloop/res/web/css/main.css b/blitzloop/res/web/css/main.css index 5ef2f4c..7bf6b4d 100644 --- a/blitzloop/res/web/css/main.css +++ b/blitzloop/res/web/css/main.css @@ -293,7 +293,7 @@ body { font-size: 30px; } -.song .meta p span{ +.song .meta p span, .song .lyrics p span { position: absolute; margin-top: -6px; font-size: 12px; @@ -301,6 +301,12 @@ body { color: #246; } +.song .lyrics p { + padding-top: 13px; + padding-bottom: 4px; + white-space: pre-wrap; +} + .choice { margin: 8px; clear: both; @@ -521,4 +527,4 @@ h2 { #settings { text-align: center; -} \ No newline at end of file +} diff --git a/blitzloop/res/web/js/app.js b/blitzloop/res/web/js/app.js index 300c366..e1392ff 100644 --- a/blitzloop/res/web/js/app.js +++ b/blitzloop/res/web/js/app.js @@ -208,7 +208,8 @@ app.controller('SongDetailCtrl', function($scope, $rootScope, $routeParams, $htt channels: [3], speed: 0, pitch: 0, - pause: false + pause: false, + expand_lyrics: false, }; for (var i = 0; i < data.variants.length; i++) { if (data.variants[i].default) { @@ -239,6 +240,9 @@ app.controller('SongDetailCtrl', function($scope, $rootScope, $routeParams, $htt $location.path("/queue/" + data.qid + "/new") }); }; + $scope.toggleLyrics = function() { + $scope.song.config.expand_lyrics = !$scope.song.config.expand_lyrics; + }; $scope.refresh(); }); @@ -330,6 +334,9 @@ app.controller('QueueEntryCtrl', function($scope, $rootScope, $routeParams, $htt $scope.refresh(); });; }; + $scope.toggleLyrics = function() { + $scope.song.config.expand_lyrics = !$scope.song.config.expand_lyrics; + }; $scope.$on('$destroy',function(){ $timeout.cancel($scope.refresh_promise); }); diff --git a/blitzloop/res/web/partials/song.html b/blitzloop/res/web/partials/song.html index e055e5a..5503c19 100644 --- a/blitzloop/res/web/partials/song.html +++ b/blitzloop/res/web/partials/song.html @@ -5,7 +5,11 @@
Artist{{song.meta.artist}}
Album{{song.meta.album}}
Seen on{{song.meta.seenon}}
-Lyrics{{variant.snippet}}
+Lyrics{{variant.snippet}}
+ +Lyrics{{variant.lyrics}}