more stuff done

lorem-ipsumm · Jul 24, 2017 · c9683f1 · c9683f1
1 parent bbc85c4
commit c9683f1
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 11 deletions.
diff --git a/github-images/podcast-view.png b/github-images/podcast-view.png
diff --git a/node_modules/angularjs-slider/dist/rzslider.css b/node_modules/angularjs-slider/dist/rzslider.css
diff --git a/saved-podcasts.txt b/saved-podcasts.txt
diff --git a/src/index.html b/src/index.html
@@ -21,7 +21,7 @@
 
   </head>
     <body>
-      <div id="main-containter" ng-controller="podcast-view" ng-show="open">
+      <div tabindex="0" id="main-containter" ng-keydown="onKeyDown($event)" ng-controller="podcast-view" ng-show="open">
         <div id="podcast-stuff">
           <img id="podcast-exit" ng-src="./res/podcast-exit-icon.png" ng-click="open=false"></img>
           <div id="overlay" ng-mouseenter="blur = 'blur'; visible = 'visible'"  ng-mouseleave="blur = 'no-blur'; visible = 'invisible'">

diff --git a/src/scripts/ng-stuff.js b/src/scripts/ng-stuff.js
@@ -161,12 +161,16 @@ angular.module('main',['ngAnimate','rzModule'])
     $scope.description = arg.description;
     $scope.open = true;
     $scope.entries = arg.entries;
-
-
-
+    angular.element(document.querySelector("#main-containter")).tabindex = 0;
+
 
   });
 
+  $scope.onKeyDown = function(e){
+    if(e.key == "Escape")
+      $scope.open = false;
+  }
+
   $scope.removeClicked = function(name){
     $scope.open = false;
     $rootScope.$broadcast('remove-item',name);
@@ -344,4 +348,4 @@ angular.module('main',['ngAnimate','rzModule'])
       }
     }
   }
-});
+})
diff --git a/src/styles/main-style.css b/src/styles/main-style.css
@@ -247,7 +247,7 @@ body{
   width: 30%;
   height: 100%;
   order: 2;
-  flex-grow: 0;
+  flex-grow: 1;
   position: fixed;
   right: 0;
 }
@@ -280,7 +280,7 @@ body{
   padding: 15px;
   width: 100%;
   order: 1;
-  flex-grow: 0;
+  flex-grow: 1;
 }
 
 
@@ -292,9 +292,10 @@ body{
 }
 
 #now-playing-name{
-  flex-grow: 10;
+  width: 70%;
   font-size: 10pt;
   font-weight: bold;
+  /*background-color: red;*/
   font-family: quicksand;
 }
 

diff --git a/src/styles/podcast-view.css b/src/styles/podcast-view.css
@@ -140,7 +140,7 @@
 
 #podcast-view-title{
   float: left;
-  font-size: 15pt;
+  font-size: 20pt;
   font-weight: bold;
   width: auto;
   float: left;