ION_Archive/selmer-bot-website
1
0
Fork 0
mirror of https://github.com/ION606/selmer-bot-website.git synced 2026-05-14 22:16:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixing The Overflow Issue

Browse Source 
Changed default attribute in html from overflow being shown to hidden.
This commit is contained in:
a-box31
2022-12-23 05:06:22 -05:00
parent ade281602f
commit 6de8db0780
3 changed files with 34 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CSS/index.css
+23 -8
View File
@@ -10,6 +10,7 @@ html {
height:100%;
margin:0;
padding:0;
overflow-x: hidden;
}
body {
@@ -24,7 +25,8 @@ body {
/* Better Scroll Bar */
body::-webkit-scrollbar {
width: .5rem
width: .7rem;
height: .7rem;
}
body::-webkit-scrollbar-track{
@@ -39,6 +41,7 @@ body::-webkit-scrollbar-thumb {
/* header portion */
.main-header {
margin: 0 auto;
@@ -56,28 +59,23 @@ header{
}
.brand-name {
/* class for band name: should be centered wherever it is */
text-align: center;
/* heading elements like h1 all have margins: let the margins be 0 */
margin: 0;
font-size: 1em;
/* changing the everything tag's font set on the heading to be different */
font-family: Rajdhani, sans-serif, poppins;
/*
Since heading are by default bolded, the font-weight can be changed to
normalize the bolded text
*/
font-weight: normal;
/* All band names should be white */
color: white;
}
.band-name-large {
font-size: 2em;
}
@@ -127,7 +125,7 @@ header{
}
@media (max-width: 1350px){
@media (max-width: 800px){
.toggle-button {
display: flex;
}
@@ -158,6 +156,23 @@ header{
.navbar-links.active {
display: flex;
}
.brand-name {
/* class for band name: should be centered wherever it is */
text-align: center;
/* heading elements like h1 all have margins: let the margins be 0 */
margin: 0;
font-size: .8em;
/* changing the everything tag's font set on the heading to be different */
font-family: Rajdhani, sans-serif, poppins;
/*
Since heading are by default bolded, the font-weight can be changed to
normalize the bolded text
*/
font-weight: normal;
/* All band names should be white */
color: white;
}
}
HTML/test.html
+9 -7
View File
@@ -167,15 +167,22 @@
// var clon = temp.content.cloneNode(true);
// document.body.appendChild(clon);
// }
const toggleButton = document.getElementsByClassName('toggle-button')[0];
const navbarLinks = document.getElementsByClassName('navbar-links')[0];
if (toggleButton){
toggleButton.addEventListener('click', () => {
navbarLinks.classList.toggle('active')
})
}
</script>
</head>
<body>
<div class="box-area">
<header>
<div class="main-header">
<nav class="navigation">
@@ -198,19 +205,15 @@
<li>
<a href="myGuilds" id="guildslink" class="nav-link"><i class="fa-solid fa-server" alt="Servers" style="scale: 2; color: rgb(11, 189, 189);"></i></a>
</li>
<li>
<a href="calendar" id="callink" class="nav-link"><i class="fa-solid fa-calendar" alt="Calendar" style="scale: 2; color: lightgrey;"></i></a>
</li>
<li>
<a href="https://docs.selmerbot.com" target="_blank" class="nav-link"><i class="fa-solid fa-book" style="scale: 2; color: white;" alt="WIKI"></i></a>
</li>
<li>
<a href="premium" class="nav-link"><i class="fa-solid fa-crown" style="scale: 2; color: gold;" alt="PREMIUM"></i></a>
</li>
<li>
<a href="team" class="nav-link"><i class="fa-solid fa-user-gear" style="scale: 2; color: rgb(12, 216, 5);" alt="AUTHOR"></i></a>
</li>
@@ -464,7 +467,6 @@
</li>
</ul>
</footer>
</div>
</body>
</html>
main.js
+1 -1
View File
@@ -21,7 +21,6 @@ const mongouri = process.env.mongouri;
const client = new MongoClient(mongouri, { useNewUrlParser: true, useUnifiedTopology: true, serverApi: ServerApiVersion.v1 });
const connection = client.connect();
const bot = new Client({
intents: [
Intents.FLAGS.GUILDS,
@@ -629,3 +628,4 @@ app.get("*",(req,res) => {
})
app.listen(port, () => console.log(`App listening on port ${port}`));