From 3d628785801151187ba7b03ba085778a0faf532a Mon Sep 17 00:00:00 2001
From: mister-ben <git@misterben.me>
Date: Fri, 11 Nov 2016 21:59:36 +0000
Subject: [PATCH 1/3] Fix vertical centre alignment & add align-center
---
src/plugin.scss | 19 ++++++++++++++++---
1 file changed, 16 insertions(+), 3 deletions(-)
diff --git a/src/plugin.scss b/src/plugin.scss
index d7647b5..63687ce 100644
--- a/src/plugin.scss
+++ b/src/plugin.scss
@@ -10,7 +10,7 @@
position: absolute;
text-align: center;
}
-
+
.vjs-overlay-no-background {
max-width: 33%;
}
@@ -41,9 +41,9 @@
}
.vjs-overlay-right {
- margin-top: $offset-v;
right: $nudge;
top: $middle;
+ transform: translateY(-50%);
}
.vjs-overlay-bottom-right {
@@ -64,7 +64,20 @@
.vjs-overlay-left {
left: $nudge;
- margin-top: $offset-v;
top: $middle;
+ transform: translateY(-50%);
+ }
+
+ .vjs-overlay-center {
+ left: $middle;
+ margin-left: $offset-h;
+ top: $middle;
+ transform: translateY(-50%);
+ }
+
+ .vjs-no-flex .vjs-overlay-left,
+ .vjs-no-flex .vjs-overlay-center,
+ .vjs-no-flex .vjs-overlay-right {
+ top: $offset-h;
}
}
From 9536ad01bb7e02d69357898a5297c8b4a4a53a88 Mon Sep 17 00:00:00 2001
From: mister-ben <git@misterben.me>
Date: Fri, 11 Nov 2016 22:08:25 +0000
Subject: [PATCH 2/3] comment for ie8/9
---
src/plugin.scss | 1 +
1 file changed, 1 insertion(+)
diff --git a/src/plugin.scss b/src/plugin.scss
index 63687ce..5f27fe7 100644
--- a/src/plugin.scss
+++ b/src/plugin.scss
@@ -75,6 +75,7 @@
transform: translateY(-50%);
}
+ // Fallback for IE8 and IE9
.vjs-no-flex .vjs-overlay-left,
.vjs-no-flex .vjs-overlay-center,
.vjs-no-flex .vjs-overlay-right {
From d44492e56397f5d7053ec6fc9f40e20ec406f4c4 Mon Sep 17 00:00:00 2001
From: mister-ben <git@misterben.me>
Date: Wed, 16 Nov 2016 17:50:51 +0000
Subject: [PATCH 3/3] correct IE8/9 fallback to original
---
src/plugin.scss | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/src/plugin.scss b/src/plugin.scss
index 5f27fe7..2d9ff7e 100644
--- a/src/plugin.scss
+++ b/src/plugin.scss
@@ -79,6 +79,7 @@
.vjs-no-flex .vjs-overlay-left,
.vjs-no-flex .vjs-overlay-center,
.vjs-no-flex .vjs-overlay-right {
- top: $offset-h;
+ margin-top: $offset-v;
}
}
+