Merge pull request #537 from radiant-player/fix-search-bar

Fix search box issues on El Capitan

CHANGELOG.md

@@ -4,9 +4,11 @@ This file should follow the standards specified on [keepachangelog.com](http://k
 This project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [unreleased]
+### Fixed
+* Fixed search box UI issues for El Capitan users ([#537](https://github.com/radiant-player/radiant-player-mac/pull/537), [@BarakaAka1Only](https://github.com/BarakaAka1Only))
 
 ## [1.8.1] - 2016-04-02
-
+### Fixed
 * 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

radiant-player-mac/AppDelegate.h

@@ -137,6 +137,7 @@
 - (void) ratingChanged:(NSInteger)rating;
 
 - (id) preferenceForKey:(NSString *)key;
+- (BOOL) isElCapitan;
 - (BOOL) isYosemite;
 - (BOOL) isMavericks;
 

radiant-player-mac/AppDelegate.m

@@ -930,10 +930,16 @@ - (void)webView:(WebView *)sender didFinishLoadForFrame:(WebFrame *)frame
     // Apply common styles.
     [self applyCSSFile:@"common"];
 
+    // Apply flexbox fix for Yosemite and Mavericks
     if ([self isYosemite] || [self isMavericks]) {
         [self applyCSSFile:@"flexfix"];
     }
 
+    // Apply zindex fix for El Capitan
+    if ([self isElCapitan]) {
+        [self applyCSSFile:@"zindex"];
+    }
+
     // Apply the navigation styles.
     [self applyCSSFile:@"navigation"];
     [self evaluateJavaScriptFile:@"navigation"];
@@ -979,6 +985,11 @@ - (id)preferenceForKey:(NSString *)key
         return nil;
 }
 
+- (BOOL)isElCapitan
+{
+    return floor(NSAppKitVersionNumber) > NSAppKitVersionNumber10_10_Max;
+}
+
 - (BOOL)isYosemite
 {
     return floor(NSAppKitVersionNumber) > NSAppKitVersionNumber10_9;

radiant-player-mac/css/zindex.css

@@ -0,0 +1,5 @@
+/* z-index fix for El Capitan */
+
+#material-one-middle {
+  z-index: 1;
+}