From: Matthew Kousoulas <shaman.kous@gmail.com>
Date: Sat, 5 Mar 2022 02:21:25 +0000 (-0500)
Subject: Remove left/right buttons
X-Git-Url: http://gitweb.madkous.net/?a=commitdiff_plain;h=b8bd823d4328798d1a30d8b23430444277e187af;p=photo-site.git

Remove left/right buttons
---

diff --git a/scripts/dom.js b/scripts/dom.js
index c1df230..edf76cd 100644
--- 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 bd0dc2b..2efdfe3 100644
--- 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 {