github/kubeinvaders
1
0
Fork 0
mirror of https://github.com/lucky-sideburn/kubeinvaders.git synced 2026-05-06 00:36:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

add navbar-toggler

Browse Source
This commit is contained in:
Eugenio Marzo
2023-11-07 23:43:40 +01:00
parent df66e9b502
commit 46ce8bcee2
3 changed files with 27 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
html5/images/space-invader-svgrepo-com.svg Normal file
View File

@@ -0,0 +1,17 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 32 32" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<rect x="10" y="26" class="st0" width="4" height="3"/>
<rect x="7" y="4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 3 14)" class="st0" width="3" height="3"/>
<rect x="22" y="4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 18 29)" class="st0" width="3" height="3"/>
<rect x="18" y="26" class="st0" width="4" height="3"/>
<polygon class="st0" points="28,17 28,14 25,14 25,11 22,11 22,7 19,7 19,11 13,11 13,7 10,7 10,11 7,11 7,14 4,14 4,17 1,17 1,20
1,26 4,26 4,20 7,20 7,26 10,26 10,23 11,23 21,23 22,23 22,26 25,26 25,20 28,20 28,26 31,26 31,20 31,17 "/>
<rect x="10" y="16" class="st0" width="3" height="3"/>
<rect x="19" y="16" class="st0" width="3" height="3"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

7
html5/index.html
View File

@@ -11,18 +11,15 @@
<body id="kinvBody">
<nav class="navbar navbar-expand-lg navbar-li bg-dark navbar-collapse">
<div class="container-fluid">
<button style="color: #ffffff; border-color: #ffffff; border-width: 3px;" class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDarkDropdown" aria-controls="navbarNavDarkDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<span class="navbar-toggler navbar-toggler-icon" style="border-color: transparent; border-width: 1px;" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDarkDropdown" aria-controls="navbarNavDarkDropdown" aria-expanded="false" aria-label="Toggle navigation">
</span>
<div class="collapse navbar-collapse" id="navbarNavDarkDropdown">
<ul class="navbar-nav mr-auto">
<li class="nav-item" style="margin-top: 0.2%;">
<a class="nav-link" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<font style="color: #ffffff;">Menu</font>
</a>
<ul class="dropdown-menu dropdown-menu-light" aria-labelledby="navbarDarkDropdownMenuLink">
<!-- <li><a class="dropdown-item" href="#" onclick="runKubeLinter()">Run KubeLinter On Current Namespace</a></li> -->
<li><a class="dropdown-item" href="#" onclick="showSpecialKeys()">Show Special Keys</a></li>
<li><a class="dropdown-item" href="#" onclick="showCurrentChaosContainer()">Show Current Chaos Container for nodes</a></li>
<li><a class="dropdown-item" href="#" onclick="showSetCurrentChaosContainer()">Set Custom Chaos Container for nodes</a></li>

8
html5/style.css
View File

@@ -4,6 +4,14 @@
transition: visibility 0s, opacity 1.0s linear;
}
.navbar-toggler-icon {
background-image: url("./images/sprite_invader_ready.png")
}
.navbar-toggler {
border-color: rgb(255, 255, 255);
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;