justin
/
hamradio.ki5bhv.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed menu issues on large resolution screens

This commit is contained in:
VA3HDL 2024-05-31 21:48:15 -04:00
parent 8623343cbe
commit ec57b71f5d
1 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
hamdash.html
View File

@ -147,7 +147,6 @@ db 8D 88 88 88booo. 88. db 8D
.image-container img { .image-container img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover;
} }
/* Style for the image titles */ /* Style for the image titles */
@ -187,8 +186,8 @@ db 8D 88 88 88booo. 88. db 8D
position: absolute; position: absolute;
width: auto; width: auto;
height: auto; height: auto;
margin-top: 70px; margin-top: 10vh;
left: -100px; left: calc(-5.2vw - 0px);
z-index: 2; z-index: 2;
overflow: hidden; overflow: hidden;
transition: 0.3s; transition: 0.3s;
@ -201,32 +200,32 @@ db 8D 88 88 88booo. 88. db 8D
position: absolute; position: absolute;
width: 30px; width: 30px;
height: auto; height: auto;
margin-top: 70px; margin-top: 10vh;
right: 0px; right: -5px;
z-index: 2; z-index: 2;
transition: 0.3s; transition: 0.3s;
} }
#myMenu:hover { #myMenu:hover {
width: 140px; width: 7vw;
left: 0px; left: 0px;
} }
#myMenuR:hover { #myMenuR:hover {
width: 140px; width: 7vw;
right: 0px; right: 0px;
} }
#mySidenav a { #mySidenav a {
position: relative; position: relative;
float: inline-start; float: inline-start;
left: -20px; left: calc(-0.2vw - 10px);
transition: 0.3s; transition: 0.3s;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
padding-top: 12px; padding-top: 12px;
padding-bottom: 8px; padding-bottom: 8px;
width: 100px; width: 5vw;
text-decoration: none; text-decoration: none;
font-family: "Bebas Neue", sans-serif; font-family: "Bebas Neue", sans-serif;
font-size: 1.2vw; font-size: 1.2vw;
@ -246,13 +245,13 @@ db 8D 88 88 88booo. 88. db 8D
#mySidenavR a { #mySidenavR a {
position: relative; position: relative;
float: inline-start; float: inline-start;
right: -20px; right: calc(-0.2vw - 10px);
transition: 0.3s; transition: 0.3s;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
padding-top: 12px; padding-top: 12px;
padding-bottom: 8px; padding-bottom: 8px;
width: 100px; width: 7vw;
text-decoration: none; text-decoration: none;
font-family: "Bebas Neue", sans-serif; font-family: "Bebas Neue", sans-serif;
font-size: 1.2vw; font-size: 1.2vw;
@ -267,7 +266,7 @@ db 8D 88 88 88booo. 88. db 8D
#mySidenavR a:hover { #mySidenavR a:hover {
right: 0; right: 0;
width: 130px; width: 7vw;
} }
</style> </style>
</head> </head>
@ -403,10 +402,10 @@ The content refreshes automatically every 5 minutes.
newDiv.className = "sidenavR"; newDiv.className = "sidenavR";
parentDivR.appendChild(newDiv); parentDivR.appendChild(newDiv);
} else { } else {
// Set some properties for the new div // Set some properties for the new div
newDiv.id = "mySidenav"; newDiv.id = "mySidenav";
newDiv.className = "sidenav"; newDiv.className = "sidenav";
parentDiv.appendChild(newDiv); parentDiv.appendChild(newDiv);
} }
}); });
@ -517,17 +516,17 @@ Y8888P' `Y88P' Y8888D' YP
id="topBarLeft" id="topBarLeft"
class="child" class="child"
style="text-align: left; padding-left: 7px; color: blanchedalmond" style="text-align: left; padding-left: 7px; color: blanchedalmond"
></div> >&nbsp;</div>
<div <div
id="topBarCenter" id="topBarCenter"
class="child" class="child"
style="text-align: center; color: rgb(0, 119, 255)" style="text-align: center; color: rgb(0, 119, 255)"
></div> >&nbsp;</div>
<div <div
id="topBarRight" id="topBarRight"
class="child" class="child"
style="text-align: right; padding-right: 5px; color: aquamarine" style="text-align: right; padding-right: 5px; color: aquamarine"
></div> >&nbsp;</div>
</div> </div>
<div id="dash" class="dashboard"> <div id="dash" class="dashboard">
<!-- Images container --> <!-- Images container -->