aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/states
diff options
context:
space:
mode:
authorSam <sam@potts.es>2018-01-04 13:43:56 +1100
committerSam <sam@potts.es>2018-01-04 13:43:56 +1100
commit92cb9e22e24d52e1843a5865651f7b2c5a00d47a (patch)
treebc626af1855f08504e9ee09fdaa6753d7bbf59c4 /src/sass/states
parent6b9106ddb1416e59f2dde05039c7ebad15ee8fa7 (diff)
downloadplyr-92cb9e22e24d52e1843a5865651f7b2c5a00d47a.tar.lz
plyr-92cb9e22e24d52e1843a5865651f7b2c5a00d47a.tar.xz
plyr-92cb9e22e24d52e1843a5865651f7b2c5a00d47a.zip
Started on error handling
Diffstat (limited to 'src/sass/states')
-rw-r--r--src/sass/states/error.scss25
-rw-r--r--src/sass/states/fullscreen.scss7
2 files changed, 30 insertions, 2 deletions
diff --git a/src/sass/states/error.scss b/src/sass/states/error.scss
new file mode 100644
index 00000000..64d05c7b
--- /dev/null
+++ b/src/sass/states/error.scss
@@ -0,0 +1,25 @@
+// --------------------------------------------------------------
+// Error state
+// --------------------------------------------------------------
+
+.plyr--has-error {
+ pointer-events: none;
+
+ &::after {
+ align-items: center;
+ background: rgba(#000, 90%);
+ color: #fff;
+ content: attr(data-plyr-error);
+ display: flex;
+ font-size: $plyr-font-size-base;
+ height: 100%;
+ justify-content: center;
+ left: 0;
+ position: absolute;
+ text-align: center;
+ text-shadow: 0 1px 1px rgba(#000, 10%);
+ top: 0;
+ width: 100%;
+ z-index: 10;
+ }
+}
diff --git a/src/sass/states/fullscreen.scss b/src/sass/states/fullscreen.scss
index 855e670f..5632a60f 100644
--- a/src/sass/states/fullscreen.scss
+++ b/src/sass/states/fullscreen.scss
@@ -6,14 +6,17 @@
@include plyr-fullscreen-active();
}
+/* stylelint-disable-next-line */
.plyr:-webkit-full-screen {
@include plyr-fullscreen-active();
}
+/* stylelint-disable-next-line */
.plyr:-moz-full-screen {
@include plyr-fullscreen-active();
}
+/* stylelint-disable-next-line */
.plyr:-ms-fullscreen {
@include plyr-fullscreen-active();
}
@@ -22,10 +25,10 @@
.plyr--fullscreen-fallback {
@include plyr-fullscreen-active();
- position: fixed;
- top: 0;
bottom: 0;
left: 0;
+ position: fixed;
right: 0;
+ top: 0;
z-index: 10000000;
}