jonas/flufflparty-
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bug Fixed

Browse Source
This commit is contained in:
brausjonas
2023-03-26 01:34:34 +01:00
parent acf51f3731
commit 10fa58f1cf
4 changed files with 38 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.idea/workspace.xml
Generated
+1 -1
View File
@@ -60,7 +60,7 @@
<updated>1679674447095</updated>
<workItem from="1679674448294" duration="3278000" />
<workItem from="1679754546660" duration="3762000" />
<workItem from="1679776338023" duration="5626000" />
<workItem from="1679776338023" duration="6475000" />
</task>
<servers />
</component>
StartPage.js
+6 -1
View File
@@ -8,9 +8,14 @@ function showMobileMenuBar()
menuActive = true;
}
else
{
hideMobileMenuBar();
}
}
function hideMobileMenuBar()
{
document.getElementById("mobileMenuBar").style.display = "none";
document.getElementById("mobileMenuBarButton").style.backgroundColor = "rgba(198, 119, 70, 0)";
menuActive = false;
}
}
index.html
+1 -1
View File
@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="navigationStyle.css">
</head>
<body>
<body onresize="hideMobileMenuBar()">
<header>
navigationStyle.css
+26 -48
View File
@@ -1,7 +1,6 @@
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
*
{
* {
font-family: "Roboto Light", sans-serif;
box-sizing: border-box;
margin: 0;
@@ -15,16 +14,14 @@ Desktop
------------------------------------------------------------------------------------------
*/
/*basic li a and button setup*/
li, a, button
{
li, a, button {
font-weight: 500;
color: white;
text-decoration: none;
}
/*title bar*/
header
{
header {
width: 100%;
display: flex;
@@ -35,8 +32,7 @@ header
}
/*IO Game Studios button (only navigation)*/
header button
{
header button {
padding: 20px;
border-radius: 50px;
border-style: none;
@@ -46,21 +42,18 @@ header button
/*List Element Style (only navigation)*/
nav li
{
nav li {
display: inline-block;
margin-right: 20px;
cursor: pointer;
}
nav li:hover
{
nav li:hover {
color: #88b3ae;
}
/*Dropdown*/
nav ul li div
{
nav ul li div {
display: none;
position: absolute;
background-color: #41423f;
@@ -70,36 +63,30 @@ nav ul li div
padding-bottom: 10px;
}
.menuDropdownDesktop:hover div
{
.menuDropdownDesktop:hover div {
display: block;
}
nav ul li div ul
{
nav ul li div ul {
display: flex;
flex-direction: column;
}
nav ul li div ul li
{
nav ul li div ul li {
padding: 0 0 10px 20px;
text-align: center;
}
nav ul li div ul li button
{
nav ul li div ul li button {
padding: 20px;
}
/*Mobile Excluded*/
nav > button
{
nav > button {
display: none;
}
menu
{
menu {
position: absolute;
right: 0px;
display: none;
@@ -111,52 +98,46 @@ Mobile
------------------------------------------------------------------------------------------
*/
@media (max-width: 18cm)
{
header
{
@media (max-width: 18cm) {
header {
padding: 10px 40px;
}
/*Hide the default navigation*/
nav ul
{
nav ul {
display: none;
}
/*Show the Mobile menu button*/
nav button
{
nav button {
display: blocK;
margin-right: -20px;
background-color: rgba(0, 0, 0, 0);
}
/*Style the Menu Icon*/
nav svg
{
nav svg {
color: white;
width: 30px;
height: 30px;
}
menu div
{
menu div {
float: right;
background-color: #41423f;
border-radius: 0 0 0 50px;
padding-bottom: 15px;
}
menu div ul
{
menu div ul {
display: flex;
flex-direction: column;
list-style: none;
}
menu div ul li
{
menu div ul li {
text-align: center;
padding: 20px 30px 20px 30px;
margin: 5px 30px;
@@ -165,8 +146,7 @@ padding: 10px 40px;
background-color: rgba(136, 179, 174, 1);
}
menu div ul li:hover
{
menu div ul li:hover {
background-color: rgba(198, 119, 70, 0.5);
}
}
@@ -177,14 +157,12 @@ General
------------------------------------------------------------------------------------------
*/
body
{
body {
background-image: linear-gradient(#c67746, #88b3ae);
height: 100%;
}
h1
{
h1 {
font-size: 40px;
text-align: center;