FLUID-4825: height 100% changed to inherit due to Safari height diffe…

…rences
michelled · Dec 5, 2012 · f03024f · f03024f
1 parent 27131c8
commit f03024f
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/css/VideoPlayer.css b/css/VideoPlayer.css
@@ -17,7 +17,7 @@
 
 .fl-videoPlayer-video {
     float: left;
-    height: 100%;
+	height: inherit;
 }
 
 .fl-videoPlayer-video-element {
@@ -88,8 +88,9 @@
 .fl-videoPlayer-controller-buttons { 
     background-color: rgba(242, 242, 242, 0.75);
     width: 100%;
-    height: 2.05em;
+    height: 2.06em;
     box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.15);
+	padding-bottom: 1px; /* For Safari and Chrome. Without padding, button overlaps container border */    
 }
 
 .fl-videoPlayer-controller-buttons * {
@@ -696,6 +697,7 @@ ul.fl-videoPlayer-transcripts-languageList li {
 .fl-theme-uio-by .fl-videoPlayer-scrubber .ui-slider-handle,
 .fl-theme-uio-yb .fl-videoPlayer-scrubber .ui-slider-handle {
      border-width: 1px;
+     margin: 0 -2px; /* To compensate for the additional border width, so div stays within container */
  }
 
 .fl-theme-uio-bw .fl-videoPlayer-scrubber .ui-slider-range,