Fix tab order of multimedia controls

Reorderd UI control bar markup and updated CSS.
wet-boew · Sep 7, 2012 · 980afa0 · 980afa0
1 parent 5d25b34
commit 980afa0
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 4 deletions.
diff --git a/build/js/css/pe-ap-min.css b/build/js/css/pe-ap-min.css
diff --git a/build/js/pe-ap-min.js b/build/js/pe-ap-min.js
diff --git a/src/js/sass/multimedia.scss b/src/js/sass/multimedia.scss
@@ -54,6 +54,7 @@ video, object.video {
 $progress-color: #000;
 
 .wb-mm-controls{
+	position:relative;
 	width:100%;
 	padding:0;
 
@@ -77,10 +78,16 @@ $progress-color: #000;
 		float:left;
 	}
 
-	.wb-mm-controls-end, .wb-mm-timeline-total {
+	.wb-mm-timeline-total {
 		float:right;
 	}
 
+	.wb-mm-controls-end {
+		position:absolute;
+		top:0;
+		right:0;
+	}	
+
 	.wb-mm-timeline{
 		position:relative;
 		@include ui;

diff --git a/src/js/workers/multimedia.js b/src/js/workers/multimedia.js
@@ -327,7 +327,7 @@
 				}).append(_pe.fn.multimedia.get_image('mute_off', _pe.dic.get('%mute', 'enable')))
 			);
 
-			ui.append(ui_start).append(ui_end).append(ui_timeline);
+			ui.append(ui_start).append(ui_timeline).append(ui_end);
 
 			return ui;
 		},