diff options
author | Sam <sam@potts.es> | 2018-01-04 13:43:56 +1100 |
---|---|---|
committer | Sam <sam@potts.es> | 2018-01-04 13:43:56 +1100 |
commit | 92cb9e22e24d52e1843a5865651f7b2c5a00d47a (patch) | |
tree | bc626af1855f08504e9ee09fdaa6753d7bbf59c4 /src/sass/states | |
parent | 6b9106ddb1416e59f2dde05039c7ebad15ee8fa7 (diff) | |
download | plyr-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.scss | 25 | ||||
-rw-r--r-- | src/sass/states/fullscreen.scss | 7 |
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; } |