Merge pull request #534 from radiant-player/fix-mavericks

Add CSS fix for Mavericks

CHANGELOG.md

@@ -5,6 +5,8 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [unreleased]
 
+* Fixed UI issues for Mavericks users ([#534](https://github.com/radiant-player/radiant-player-mac/pull/534), [@BarakaAka1Only](https://github.com/BarakaAka1Only))
+
 ## [1.8.0] - 2016-03-30
 ### Changed
 * Updated the internal Google Music API ([#520](https://github.com/radiant-player/radiant-player-mac/pull/520))

radiant-player-mac/AppDelegate.h

@@ -138,6 +138,7 @@
 
 - (id) preferenceForKey:(NSString *)key;
 - (BOOL) isYosemite;
+- (BOOL) isMavericks;
 
 - (void) evaluateJavaScriptFile:(NSString *)name;
 - (void) applyCSSFile:(NSString *)name;

radiant-player-mac/AppDelegate.m

@@ -929,8 +929,8 @@ - (void)webView:(WebView *)sender didFinishLoadForFrame:(WebFrame *)frame
 
     // Apply common styles.
     [self applyCSSFile:@"common"];
-    
-    if ([self isYosemite]) {
+
+    if ([self isYosemite] || [self isMavericks]) {
         [self applyCSSFile:@"flexfix"];
     }
 
@@ -984,6 +984,11 @@ - (BOOL)isYosemite
     return floor(NSAppKitVersionNumber) > NSAppKitVersionNumber10_9;
 }
 
+- (BOOL)isMavericks
+{
+    return floor(NSAppKitVersionNumber) > NSAppKitVersionNumber10_8;
+}
+
 - (void) evaluateJavaScriptFile:(NSString *)name
 {
     NSString *template =

radiant-player-mac/css/flexfix.css

@@ -353,3 +353,13 @@ paper-dialog.episode-dialog .buttons {
 .ups.light span {
     -webkit-flex: initial;
 }
+/* Mavericks */
+#volume:hover #material-volume-low,
+#volume:hover #material-volume-high,
+#volume:hover #material-vslider,
+#volume.simulated-hover #material-volume-low,
+#volume.simulated-hover #material-volume-high,
+#volume.simulated-hover #material-vslider,
+#material-vslider:focus {
+    opacity: 1
+}