lucaspatenaude/ScoreSpot
1
0
Fork 0
Code Projects 1 Releases 1 Wiki Activity

Code clean up for login container

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-11 01:30:00 -06:00
parent 325fed0bf8
commit de962bad01
5 changed files with 10 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ProjectSourceCode/src/resources/css/navigation-bar/login.css
View File

@@ -1,10 +1,14 @@
#login-container {
display: none;
}
#login-page {
width: 400px;
height: fit-content;
position: absolute;
top: 150px; /* Adjust this value as needed */
right: 20px; /* Adjust this value as needed */
z-index: 10;
z-index: 5;
background: linear-gradient(to bottom, white, rgb(245, 245, 245), rgb(227, 227, 227)); /* Gradient from white to gray */
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
border: 1px solid gray;

1
ProjectSourceCode/src/resources/css/navigation-bar/scoreboard-header/scoreboard.css
View File

@@ -1,5 +1,6 @@
.scoreboard-container {
overflow-x: auto; /* Enable horizontal scrolling */
overflow-y: hidden; /* Disable vertical scrolling */
white-space: nowrap; /* Prevent cards from wrapping to the next line */
border: 1px solid rgb(202, 2, 2);
margin: 0px;

4
ProjectSourceCode/src/resources/js/navigation-bar/user/login.js
View File

@@ -1,8 +1,10 @@
$(document).ready(function() {
// When #user is clicked
$('#user').click(function() {
// Toggle the visibility of the login container
$('#login-container').toggle();
});
});
});

27
ProjectSourceCode/src/views/partials/nav.hbs
View File

@@ -1,27 +0,0 @@
<nav class="navbar navbar-expand-sm border-bottom">
<div class="container">
<button
class="navbar-toggler ms-auto"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbar-collapse"
aria-controls="navbar"
aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<!-- TODO: For Discover, add a <a> tag with an attribute href to call the '/discover' API -->
<a class="nav-link" href="/home">Home</a>
</li>
</ul>
<div class="nav-item me-1">
<!-- TODO: For Logout, add a <a> tag with an attribute href to call the '/logout API -->
<a class="nav-link" href="/logout">Logout</a>
</div>
</div>
</div>
</nav>

2
ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
View File

@@ -49,7 +49,7 @@
</nav>
<!-- Container for login section -->
<div id="login-container" class="container">
<div class="container" id="login-container">
{{> navigation-bar/login}}
</div>