From dbf64f9bb146bc23d10c2b840e7ce0e8ad68ef5f Mon Sep 17 00:00:00 2001 From: jason <13521008@std.stei.itb.ac.id> Date: Mon, 9 Oct 2023 12:17:49 +0700 Subject: [PATCH] fix: css and remove navbar menu --- app/views/navbar.php | 11 +- public/css/addplace.css | 21 +-- public/css/changeinformation.css | 21 +-- public/css/dashboard.css | 13 +- public/css/editplace.css | 21 +-- public/css/infotempatwisata.css | 209 +++++++++++++++--------------- public/css/konfirmasipesanan.css | 209 +++++++++++++++--------------- public/css/landingpage.css | 21 +-- public/css/listplace.css | 21 +-- public/css/pilihedit.css | 21 +-- public/css/profileinformation.css | 21 +-- public/css/reservationmenu.css | 21 +-- public/css/reviewmenu.css | 21 +-- public/css/travelplan.css | 21 +-- 14 files changed, 330 insertions(+), 322 deletions(-) diff --git a/app/views/navbar.php b/app/views/navbar.php index fc46f4b..2d6496e 100644 --- a/app/views/navbar.php +++ b/app/views/navbar.php @@ -5,9 +5,8 @@ <ul> <li><a href="#">' . $_SESSION["Username"] . '</a> <ul class="profiledropdownadmin"> - <li><a href="profile">Profil</a></li> + <li><a href="profile">User Profile</a></li> <li><a href="pilih-wisata">Edit Destination</a></li> - <li><a href="pilih-akomodasi">Edit Accomodation</a></li> <li><a id="logout">Logout</a></li> <script src="../../public/js/logout.js"></script> </ul> @@ -15,7 +14,6 @@ <li><a href="#">Menu</a> <ul class="menudropdown"> <li><a href="list-tempat-wisata">Tempat Wisata</a></li> - <li><a href="list-akomodasi">Akomodasi</a></li> </ul> </li> <li><a href="#">History</a> @@ -33,9 +31,8 @@ echo '<div class="navbar"> <ul> <li><a href="#">' . $_SESSION["Username"] . '</a> - <ul class="profiledr - opdownadmin"> - <li><a href="profile">Profil</a></li> + <ul class="profiledropdownadmin"> + <li><a href="profile">User Profile</a></li> <li><a id="logout">Logout</a></li> <script src="../../public/js/logout.js"></script> </ul> @@ -43,7 +40,6 @@ <li><a href="#">Menu</a> <ul class="menudropdown"> <li><a href="list-tempat-wisata">Tempat Wisata</a></li> - <li><a href="list-akomodasi">Akomodasi</a></li> </ul> </li> <li><a href="#">History</a> @@ -66,7 +62,6 @@ <li><a href="#">Menu</a> <ul class="menudropdown"> <li><a href="list-tempat-wisata">Tempat Wisata</a></li> - <li><a href="list-akomodasi">Akomodasi</a></li> </ul> </li> <li><a href="#" id="homeLink">Home</a></li> diff --git a/public/css/addplace.css b/public/css/addplace.css index 250a6ac..c721d40 100644 --- a/public/css/addplace.css +++ b/public/css/addplace.css @@ -29,14 +29,14 @@ body{ } .navbar ul li ul.profiledropdownadmin li{ -display: block; + display: block; } .navbar ul li ul.profiledropdownadmin{ -width: 220px; -position: absolute; -z-index: 999; -display: none; + width: 185px; + position: absolute; + z-index: 999; + display: none; } .navbar ul li ul.menudropdown li{ @@ -75,7 +75,7 @@ display: none; } .navbar li img { - width: 95px; + width: 110px; height: 40px; display: block; margin-left: 5px; @@ -99,9 +99,10 @@ display: none; } .navbar li:hover ul.profiledropdownadmin{ -display: block; -margin-top: -1px; -margin-left: -161px; + display: block; + margin-top: -1px; + position: absolute; + right: 0; } .navbar li:hover ul.menudropdown{ @@ -113,7 +114,7 @@ margin-left: -161px; .navbar li:hover ul.historydropdown{ display: block; margin-top: -1px; - margin-left: -140px; + margin-left: -130px; } .adddestination { diff --git a/public/css/changeinformation.css b/public/css/changeinformation.css index 799be71..1d88acb 100644 --- a/public/css/changeinformation.css +++ b/public/css/changeinformation.css @@ -29,14 +29,14 @@ body{ } .navbar ul li ul.profiledropdownadmin li{ -display: block; + display: block; } .navbar ul li ul.profiledropdownadmin{ -width: 220px; -position: absolute; -z-index: 999; -display: none; + width: 185px; + position: absolute; + z-index: 999; + display: none; } .navbar ul li ul.menudropdown li{ @@ -75,7 +75,7 @@ display: none; } .navbar li img { - width: 95px; + width: 110px; height: 40px; display: block; margin-left: 5px; @@ -99,9 +99,10 @@ display: none; } .navbar li:hover ul.profiledropdownadmin{ -display: block; -margin-top: -1px; -margin-left: -161px; + display: block; + margin-top: -1px; + position: absolute; + right: 0; } .navbar li:hover ul.menudropdown{ @@ -113,7 +114,7 @@ margin-left: -161px; .navbar li:hover ul.historydropdown{ display: block; margin-top: -1px; - margin-left: -140px; + margin-left: -130px; } .profile-user-info { diff --git a/public/css/dashboard.css b/public/css/dashboard.css index dcd0693..4ed8ba6 100644 --- a/public/css/dashboard.css +++ b/public/css/dashboard.css @@ -36,7 +36,7 @@ body{ } .navbar ul li ul.profiledropdownadmin{ - width: 220px; + width: 185px; position: absolute; z-index: 999; display: none; @@ -78,7 +78,7 @@ body{ } .navbar li img { - width: 95px; + width: 110px; height: 40px; display: block; margin-left: 5px; @@ -102,9 +102,10 @@ body{ } .navbar li:hover ul.profiledropdownadmin{ -display: block; -margin-top: -1px; -margin-left: -161px; + display: block; + margin-top: -1px; + position: absolute; + right: 0; } .navbar li:hover ul.menudropdown{ @@ -116,7 +117,7 @@ margin-left: -161px; .navbar li:hover ul.historydropdown{ display: block; margin-top: -1px; - margin-left: -140px; + margin-left: -130px; } .maintitle { diff --git a/public/css/editplace.css b/public/css/editplace.css index 250a6ac..c721d40 100644 --- a/public/css/editplace.css +++ b/public/css/editplace.css @@ -29,14 +29,14 @@ body{ } .navbar ul li ul.profiledropdownadmin li{ -display: block; + display: block; } .navbar ul li ul.profiledropdownadmin{ -width: 220px; -position: absolute; -z-index: 999; -display: none; + width: 185px; + position: absolute; + z-index: 999; + display: none; } .navbar ul li ul.menudropdown li{ @@ -75,7 +75,7 @@ display: none; } .navbar li img { - width: 95px; + width: 110px; height: 40px; display: block; margin-left: 5px; @@ -99,9 +99,10 @@ display: none; } .navbar li:hover ul.profiledropdownadmin{ -display: block; -margin-top: -1px; -margin-left: -161px; + display: block; + margin-top: -1px; + position: absolute; + right: 0; } .navbar li:hover ul.menudropdown{ @@ -113,7 +114,7 @@ margin-left: -161px; .navbar li:hover ul.historydropdown{ display: block; margin-top: -1px; - margin-left: -140px; + margin-left: -130px; } .adddestination { diff --git a/public/css/infotempatwisata.css b/public/css/infotempatwisata.css index 270e4bf..1fa49d1 100644 --- a/public/css/infotempatwisata.css +++ b/public/css/infotempatwisata.css @@ -3,116 +3,117 @@ body{ } .navbar{ - position: relative; - z-index: 100000; - } - - .navbar ul { - width: auto; - list-style-type: none; - margin-left: -8px; - margin-top: -8px; - overflow: hidden; - background-color: rgb(99, 0, 108); - } - - .navbar ul li ul.profiledropdown li{ - display: block; - } - - .navbar ul li ul.profiledropdown{ - position: absolute; - z-index: 999; - display: none; - } - - .navbar ul li ul.profiledropdownadmin li{ + position: relative; + z-index: 100000; +} + +.navbar ul { + width: auto; + list-style-type: none; + margin-left: -8px; + margin-top: -8px; + overflow: hidden; + background-color: rgb(99, 0, 108); +} + +.navbar ul li ul.profiledropdown li{ display: block; - } - - .navbar ul li ul.profiledropdownadmin{ - width: 220px; +} + +.navbar ul li ul.profiledropdown{ position: absolute; z-index: 999; display: none; - } - - .navbar ul li ul.menudropdown li{ - display: block; - } - - .navbar ul li ul.menudropdown{ - width: 200px; - position: absolute; - z-index: 999; - display: none; - } - - .navbar ul li ul.historydropdown li{ - display: block; - } - - .navbar ul li ul.historydropdown{ - width: 200px; - position: absolute; - z-index: 999; - display: none; - } - - .navbar li { - font-family: 'Montserrat', sans-serif; - float: right; - } - - .navbar li a { - display: block; - color: white; - text-align: center; - padding: 22px 26px; - text-decoration: none; - } - - .navbar li img { - width: 95px; - height: 40px; - display: block; - margin-left: 5px; - margin-top: 10px; - position: absolute; - left: 0; - } - - .navbar li a:hover { - background-color: #111; - } - - .navbar li:hover ul.menudropdown{ - display: block; - } - - .navbar li:hover ul.profiledropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; - } - - .navbar li:hover ul.profiledropdownadmin{ +} + +.navbar ul li ul.profiledropdownadmin li{ + display: block; +} + +.navbar ul li ul.profiledropdownadmin{ + width: 185px; + position: absolute; + z-index: 999; + display: none; +} + +.navbar ul li ul.menudropdown li{ + display: block; +} + +.navbar ul li ul.menudropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; +} + +.navbar ul li ul.historydropdown li{ + display: block; +} + +.navbar ul li ul.historydropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; +} + +.navbar li { + font-family: 'Montserrat', sans-serif; + float: right; +} + +.navbar li a { + display: block; + color: white; + text-align: center; + padding: 22px 26px; + text-decoration: none; +} + +.navbar li img { + width: 110px; + height: 40px; + display: block; + margin-left: 5px; + margin-top: 10px; + position: absolute; + left: 0; +} + +.navbar li a:hover { + background-color: #111; +} + +.navbar li:hover ul.menudropdown{ + display: block; +} + +.navbar li:hover ul.profiledropdown{ display: block; margin-top: -1px; - margin-left: -161px; - } - - .navbar li:hover ul.menudropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; - } - - .navbar li:hover ul.historydropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; - } + margin-left: -140px; +} + +.navbar li:hover ul.profiledropdownadmin{ + display: block; + margin-top: -1px; + position: absolute; + right: 0; +} + +.navbar li:hover ul.menudropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; +} + +.navbar li:hover ul.historydropdown{ + display: block; + margin-top: -1px; + margin-left: -130px; +} .destination-picture{ position: flex; diff --git a/public/css/konfirmasipesanan.css b/public/css/konfirmasipesanan.css index 7c3b31d..c7d8497 100644 --- a/public/css/konfirmasipesanan.css +++ b/public/css/konfirmasipesanan.css @@ -3,116 +3,117 @@ body{ } .navbar{ - position: relative; - z-index: 100000; - } - - .navbar ul { - width: auto; - list-style-type: none; - margin-left: -8px; - margin-top: -8px; - overflow: hidden; - background-color: rgb(99, 0, 108); - } - - .navbar ul li ul.profiledropdown li{ - display: block; - } - - .navbar ul li ul.profiledropdown{ - position: absolute; - z-index: 999; - display: none; - } - - .navbar ul li ul.profiledropdownadmin li{ + position: relative; + z-index: 100000; +} + +.navbar ul { + width: auto; + list-style-type: none; + margin-left: -8px; + margin-top: -8px; + overflow: hidden; + background-color: rgb(99, 0, 108); +} + +.navbar ul li ul.profiledropdown li{ display: block; - } - - .navbar ul li ul.profiledropdownadmin{ - width: 220px; +} + +.navbar ul li ul.profiledropdown{ position: absolute; z-index: 999; display: none; - } - - .navbar ul li ul.menudropdown li{ - display: block; - } - - .navbar ul li ul.menudropdown{ - width: 200px; - position: absolute; - z-index: 999; - display: none; - } - - .navbar ul li ul.historydropdown li{ - display: block; - } - - .navbar ul li ul.historydropdown{ - width: 200px; - position: absolute; - z-index: 999; - display: none; - } - - .navbar li { - font-family: 'Montserrat', sans-serif; - float: right; - } - - .navbar li a { - display: block; - color: white; - text-align: center; - padding: 22px 26px; - text-decoration: none; - } - - .navbar li img { - width: 95px; - height: 40px; - display: block; - margin-left: 5px; - margin-top: 10px; - position: absolute; - left: 0; - } - - .navbar li a:hover { - background-color: #111; - } - - .navbar li:hover ul.menudropdown{ - display: block; - } - - .navbar li:hover ul.profiledropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; - } - - .navbar li:hover ul.profiledropdownadmin{ +} + +.navbar ul li ul.profiledropdownadmin li{ + display: block; +} + +.navbar ul li ul.profiledropdownadmin{ + width: 185px; + position: absolute; + z-index: 999; + display: none; +} + +.navbar ul li ul.menudropdown li{ + display: block; +} + +.navbar ul li ul.menudropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; +} + +.navbar ul li ul.historydropdown li{ + display: block; +} + +.navbar ul li ul.historydropdown{ + width: 200px; + position: absolute; + z-index: 999; + display: none; +} + +.navbar li { + font-family: 'Montserrat', sans-serif; + float: right; +} + +.navbar li a { + display: block; + color: white; + text-align: center; + padding: 22px 26px; + text-decoration: none; +} + +.navbar li img { + width: 110px; + height: 40px; + display: block; + margin-left: 5px; + margin-top: 10px; + position: absolute; + left: 0; +} + +.navbar li a:hover { + background-color: #111; +} + +.navbar li:hover ul.menudropdown{ + display: block; +} + +.navbar li:hover ul.profiledropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; +} + +.navbar li:hover ul.profiledropdownadmin{ + display: block; + margin-top: -1px; + position: absolute; + right: 0; +} + +.navbar li:hover ul.menudropdown{ + display: block; + margin-top: -1px; + margin-left: -140px; +} + +.navbar li:hover ul.historydropdown{ display: block; margin-top: -1px; - margin-left: -161px; - } - - .navbar li:hover ul.menudropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; - } - - .navbar li:hover ul.historydropdown{ - display: block; - margin-top: -1px; - margin-left: -140px; - } + margin-left: -130px; +} .konfirmasipemesanan h1{ font-family: 'Montserrat', sans-serif; diff --git a/public/css/landingpage.css b/public/css/landingpage.css index f3f8139..635db35 100644 --- a/public/css/landingpage.css +++ b/public/css/landingpage.css @@ -32,14 +32,14 @@ body{ } .navbar ul li ul.profiledropdownadmin li{ -display: block; + display: block; } .navbar ul li ul.profiledropdownadmin{ -width: 220px; -position: absolute; -z-index: 999; -display: none; + width: 185px; + position: absolute; + z-index: 999; + display: none; } .navbar ul li ul.menudropdown li{ @@ -78,7 +78,7 @@ display: none; } .navbar li img { - width: 95px; + width: 110px; height: 40px; display: block; margin-left: 5px; @@ -102,9 +102,10 @@ display: none; } .navbar li:hover ul.profiledropdownadmin{ -display: block; -margin-top: -1px; -margin-left: -161px; + display: block; + margin-top: -1px; + position: absolute; + right: 0; } .navbar li:hover ul.menudropdown{ @@ -116,7 +117,7 @@ margin-left: -161px; .navbar li:hover ul.historydropdown{ display: block; margin-top: -1px; - margin-left: -140px; + margin-left: -130px; } .maintitle { diff --git a/public/css/listplace.css b/public/css/listplace.css index 67d3890..59d2bd6 100644 --- a/public/css/listplace.css +++ b/public/css/listplace.css @@ -27,14 +27,14 @@ body{ } .navbar ul li ul.profiledropdownadmin li{ - display: block; + display: block; } .navbar ul li ul.profiledropdownadmin{ - width: 220px; - position: absolute; - z-index: 999; - display: none; + width: 185px; + position: absolute; + z-index: 999; + display: none; } .navbar ul li ul.menudropdown li{ @@ -73,7 +73,7 @@ body{ } .navbar li img { - width: 95px; + width: 110px; height: 40px; display: block; margin-left: 5px; @@ -97,9 +97,10 @@ body{ } .navbar li:hover ul.profiledropdownadmin{ - display: block; - margin-top: -1px; - margin-left: -161px; + display: block; + margin-top: -1px; + position: absolute; + right: 0; } .navbar li:hover ul.menudropdown{ @@ -111,7 +112,7 @@ body{ .navbar li:hover ul.historydropdown{ display: block; margin-top: -1px; - margin-left: -140px; + margin-left: -130px; } .listdestination{ diff --git a/public/css/pilihedit.css b/public/css/pilihedit.css index 62396ee..359e066 100644 --- a/public/css/pilihedit.css +++ b/public/css/pilihedit.css @@ -27,14 +27,14 @@ body{ } .navbar ul li ul.profiledropdownadmin li{ -display: block; + display: block; } .navbar ul li ul.profiledropdownadmin{ -width: 220px; -position: absolute; -z-index: 999; -display: none; + width: 185px; + position: absolute; + z-index: 999; + display: none; } .navbar ul li ul.menudropdown li{ @@ -73,7 +73,7 @@ display: none; } .navbar li img { - width: 95px; + width: 110px; height: 40px; display: block; margin-left: 5px; @@ -97,9 +97,10 @@ display: none; } .navbar li:hover ul.profiledropdownadmin{ -display: block; -margin-top: -1px; -margin-left: -161px; + display: block; + margin-top: -1px; + position: absolute; + right: 0; } .navbar li:hover ul.menudropdown{ @@ -111,7 +112,7 @@ margin-left: -161px; .navbar li:hover ul.historydropdown{ display: block; margin-top: -1px; - margin-left: -140px; + margin-left: -130px; } .listdestination{ diff --git a/public/css/profileinformation.css b/public/css/profileinformation.css index 24b3d00..2590057 100644 --- a/public/css/profileinformation.css +++ b/public/css/profileinformation.css @@ -29,14 +29,14 @@ body{ } .navbar ul li ul.profiledropdownadmin li{ -display: block; + display: block; } .navbar ul li ul.profiledropdownadmin{ -width: 220px; -position: absolute; -z-index: 999; -display: none; + width: 185px; + position: absolute; + z-index: 999; + display: none; } .navbar ul li ul.menudropdown li{ @@ -75,7 +75,7 @@ display: none; } .navbar li img { - width: 95px; + width: 110px; height: 40px; display: block; margin-left: 5px; @@ -99,9 +99,10 @@ display: none; } .navbar li:hover ul.profiledropdownadmin{ -display: block; -margin-top: -1px; -margin-left: -161px; + display: block; + margin-top: -1px; + position: absolute; + right: 0; } .navbar li:hover ul.menudropdown{ @@ -113,7 +114,7 @@ margin-left: -161px; .navbar li:hover ul.historydropdown{ display: block; margin-top: -1px; - margin-left: -140px; + margin-left: -130px; } .profileinfo { diff --git a/public/css/reservationmenu.css b/public/css/reservationmenu.css index 5304451..65ee1e4 100644 --- a/public/css/reservationmenu.css +++ b/public/css/reservationmenu.css @@ -29,14 +29,14 @@ body{ } .navbar ul li ul.profiledropdownadmin li{ -display: block; + display: block; } .navbar ul li ul.profiledropdownadmin{ -width: 220px; -position: absolute; -z-index: 999; -display: none; + width: 185px; + position: absolute; + z-index: 999; + display: none; } .navbar ul li ul.menudropdown li{ @@ -75,7 +75,7 @@ display: none; } .navbar li img { - width: 95px; + width: 140px; height: 40px; display: block; margin-left: 5px; @@ -99,9 +99,10 @@ display: none; } .navbar li:hover ul.profiledropdownadmin{ -display: block; -margin-top: -1px; -margin-left: -161px; + display: block; + margin-top: -1px; + position: absolute; + right: 0; } .navbar li:hover ul.menudropdown{ @@ -113,7 +114,7 @@ margin-left: -161px; .navbar li:hover ul.historydropdown{ display: block; margin-top: -1px; - margin-left: -140px; + margin-left: -130px; } .reservasimenu { diff --git a/public/css/reviewmenu.css b/public/css/reviewmenu.css index dd8c1cb..9d5939b 100644 --- a/public/css/reviewmenu.css +++ b/public/css/reviewmenu.css @@ -27,14 +27,14 @@ body{ } .navbar ul li ul.profiledropdownadmin li{ - display: block; + display: block; } .navbar ul li ul.profiledropdownadmin{ - width: 220px; - position: absolute; - z-index: 999; - display: none; + width: 185px; + position: absolute; + z-index: 999; + display: none; } .navbar ul li ul.menudropdown li{ @@ -73,7 +73,7 @@ body{ } .navbar li img { - width: 95px; + width: 110px; height: 40px; display: block; margin-left: 5px; @@ -97,9 +97,10 @@ body{ } .navbar li:hover ul.profiledropdownadmin{ - display: block; - margin-top: -1px; - margin-left: -161px; + display: block; + margin-top: -1px; + position: absolute; + right: 0; } .navbar li:hover ul.menudropdown{ @@ -111,7 +112,7 @@ body{ .navbar li:hover ul.historydropdown{ display: block; margin-top: -1px; - margin-left: -140px; + margin-left: -130px; } .reviewplaces h1 { diff --git a/public/css/travelplan.css b/public/css/travelplan.css index 7f4e274..9f49e26 100644 --- a/public/css/travelplan.css +++ b/public/css/travelplan.css @@ -27,14 +27,14 @@ body{ } .navbar ul li ul.profiledropdownadmin li{ -display: block; + display: block; } .navbar ul li ul.profiledropdownadmin{ -width: 220px; -position: absolute; -z-index: 999; -display: none; + width: 185px; + position: absolute; + z-index: 999; + display: none; } .navbar ul li ul.menudropdown li{ @@ -73,7 +73,7 @@ display: none; } .navbar li img { - width: 95px; + width: 110px; height: 40px; display: block; margin-left: 5px; @@ -97,9 +97,10 @@ display: none; } .navbar li:hover ul.profiledropdownadmin{ -display: block; -margin-top: -1px; -margin-left: -161px; + display: block; + margin-top: -1px; + position: absolute; + right: 0; } .navbar li:hover ul.menudropdown{ @@ -111,7 +112,7 @@ margin-left: -161px; .navbar li:hover ul.historydropdown{ display: block; margin-top: -1px; - margin-left: -140px; + margin-left: -130px; } .createtravelplan h1{ -- GitLab