overhauling next and prev usage

2021-03-02 04:23:14 +01:00
parent a4e2041ede
commit 613aceadcc
2 changed files with 69 additions and 2 deletions
--- a/public/s/css/f0ck-custom.css
+++ b/public/s/css/f0ck-custom.css
@ -273,3 +273,66 @@ a#rndbtn {
    border-bottom: 1px solid #1b1b1b;
    padding: 5px;
 }
+
+/* Testing Area */
+.content {
+    position: relative;
+}
+
+a#next {
+    top: 0;
+    position: absolute;
+    z-index: 1;
+    left: 0;
+    background: transparent;
+    width: 40%;
+    height: 95%;
+}
+
+a#prev {
+    position: absolute;
+    z-index: 1;
+    right: 0;
+    background: transparent;
+    width: 40%;
+    height: 95%;
+}
+
+.vjs-control-bar {
+    z-index: 2;
+}
+
+.arrow-prev {
+    height: 100%;
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: end;
+}
+
+.arrow-next {
+    height: 100%;
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: start;
+}
+
+
+a#next:hover {
+    opacity: 1;
+    box-shadow: none;
+}
+
+a#next {
+    opacity: 0.2;
+}
+
+a#prev:hover {
+    opacity: 1;
+    box-shadow: none;
+}
+
+a#prev {
+    opacity: 0.2;
+}