Remove left/right buttons

diff --git a/scripts/dom.js b/scripts/dom.js
index c1df230337d13d73cba2d362f3b8c3eadbfb8820..edf76cd55af65fc310b592be443bc2898c4f6adb 100644 (file)
--- a/scripts/dom.js
+++ b/scripts/dom.js
@@ -3,8 +3,6 @@ var DOM = (dom => {
        // main photo container
        dom.photo_layer;
        dom.photo_frame;
-       dom.photo_left;
-       dom.photo_right;
        // thumbnail containers
        dom.thumb_layer;
        dom.thumb_grid;
@@ -128,22 +126,11 @@ var DOM = (dom => {
                dom.thumb_layer = document.getElementById("thumb-layer");
                dom.photo_layer = document.getElementById("photo-layer");
                dom.photo_frame = document.getElementById("photo-frame");
-               dom.photo_left  = document.getElementById("photo-left");
-               dom.photo_right = document.getElementById("photo-right");
 
                dom.photo_layer.addEventListener("click", () => {
                        event.stopPropagation();
                        PHOTO.hide();
                });
-               dom.photo_left.addEventListener("click", () => {
-                       event.stopPropagation();
-                       PHOTO.prev();
-               });
-               dom.photo_right.addEventListener("click", () => {
-                       event.stopPropagation();
-                       PHOTO.next();
-               });
-               // methods
        }
 
        return dom;

diff --git a/styles/main.css b/styles/main.css
index bd0dc2b0fde7a91050ad639124069d19bf15aa0e..2efdfe3ae6eb4be1e4550e6385be5b2a62e12198 100644 (file)
--- a/styles/main.css
+++ b/styles/main.css
@@ -139,13 +139,6 @@ body {
        background-color: rgba(0,0,0,0.8);
 }
 
-.photo-bg {
-       width: 100%;
-       height: 100%;
-       display: grid;
-       grid-template-columns: var(--gutter-width) auto var(--gutter-width);
-}
-
 .photo-frame > img {
        cursor: pointer;
        max-width: 90vw;
@@ -159,37 +152,6 @@ body {
        box-shadow: 0px 0px 3vmax 2vmax #0D0D0DC2;
 }
 
-.center {
-       display: flex;
-       justify-content: center;
-       align-items: center;
-}
-
-.arrow-sym {
-       position: absolute;
-       top: 50%;
-       transform: translateY(-50%);
-}
-
-.arrow-left {
-       border-top: 2vw solid transparent;
-       border-bottom: 2vw solid transparent;
-       border-right: 2vw solid var(--button-col);
-}
-
-.arrow-right {
-       border-top: 2vw solid transparent;
-       border-bottom: 2vw solid transparent;
-       border-left: 2vw solid var(--button-col);
-}
-
-.arrow-bar {
-       /* background-color: red; */
-       /* background-color: var(--bg-lite-col); */
-       /* box-shadow: 0px 0px 1vw 1vw var(--bg-lite-col); */
-       /* position: fixed; */
-}
-
 /* these must remain at the bottom */
 .parent { height: 95%; }
 .fade-in {