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