From ed3b104bf3bc57105e85e7fec0b5bbe2a845ee9e Mon Sep 17 00:00:00 2001
From: Fredrik Baksaas <fredbaks@stud.ntnu.no>
Date: Wed, 3 Nov 2021 12:19:31 +0000
Subject: [PATCH] =?UTF-8?q?Endra=20listene=20p=C3=A5=20meny,=20og=20sm?=
=?UTF-8?q?=C3=A5endringer=20i=20handlekurv.html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
css/style.css | 31 +++++++++++++++++++++++++++++++
css/styleHandlekurv.css | 6 ++++++
js/handlekurv.js | 2 --
meny.html | 13 ++++++++-----
4 files changed, 45 insertions(+), 7 deletions(-)
diff --git a/css/style.css b/css/style.css
index 912864a..266ad84 100644
--- a/css/style.css
+++ b/css/style.css
@@ -410,6 +410,37 @@ footer {
margin:0px;
padding:0px;
}
+
+.menyListe{
+ width: 50%;
+ margin-left: auto;
+ margin-right: auto;
+
+
+}
+
+.menyListeVenstre{
+ width: 80%;
+ display: inline-block;
+ text-align: left;
+}
+
+.menyListeHoyre{
+ width: 18%;
+ display: inline-block;
+ text-align: right;
+}
+
+.menyLinje{
+ width: 100%;
+ height: 2px;
+ background-color: black;
+}
+
+.menyListeBesk{
+ font-size: 11px;
+ font-weight: bold;
+}
/* CSS below is for om_oss.html */
#matrix {
diff --git a/css/styleHandlekurv.css b/css/styleHandlekurv.css
index 4a6373f..e44f88f 100644
--- a/css/styleHandlekurv.css
+++ b/css/styleHandlekurv.css
@@ -10,6 +10,12 @@
background-color: #FFE119;
}
+footer{
+ position: absolute;
+ top: 100%;
+ transform: translate(0, -100%);
+}
+
#coTimeSelect,#coBestill, #coRabattInput, .coVareKnapp{
height: 30px;
border: solid 1px;
diff --git a/js/handlekurv.js b/js/handlekurv.js
index bf7ad75..6f5d5a5 100644
--- a/js/handlekurv.js
+++ b/js/handlekurv.js
@@ -22,8 +22,6 @@ const varer = [
antall : 0
}
];
-
-const handlekurv = JSON.parse(localStorage.getItem("handlekurv"));
for(let vare of varer){
let index = vare.index;
diff --git a/meny.html b/meny.html
index 39704b9..2d607bf 100644
--- a/meny.html
+++ b/meny.html
@@ -64,11 +64,14 @@
<header>
<h1> Burgere</h1>
</header>
- <ul>
- <li id="Standard">Standard burger         120kr </li>
- <p id="pm">Ost, Salsa, Jalapeño                <button class="menybutton"> Buy Me!</button></p>
- <li id="Chilli">Chilli Cheese burger        120kr</li>
- <p id="pm">Blue Cheese, Salsa, Jalapeño             <button class="menybutton"> Buy Me!</button></p>
+ <ul class="menyListe">
+ <li>
+ <div class="menyListeVenstre">Burger</div>
+ <div class="menyListeHoyre">100,-</div>
+ <div class="menyLinje"></div>
+ <div class="menyListeVenstre menyListeBesk">Ost, Salsa, Jalapeño</div>
+ <div class="menyListeHoyre"><button class="menybutton"> Buy Me!</button></div>
+ </li>
</ul>
</section>
--
GitLab