fix navbar behavior for smart phone

vim-jp · Dec 1, 2024 · 9bdb0b4 · 9bdb0b4
1 parent 7e6fe9e
commit 9bdb0b4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/2024/css/base.css b/2024/css/base.css
@@ -324,6 +324,11 @@ ul.cfp, ul.cfp ul, ul.about {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
 }
 
+.navbar-collapse.show > .navbar-nav {
+  --bs-nav-link-padding-x: 1.0rem;
+  --bs-nav-link-padding-y: 0.5rem;
+}
+
 .sold-out {
   font-weight: bold;
   color: red;

diff --git a/2024/index.html b/2024/index.html
@@ -7,7 +7,7 @@
 
 <nav class="navbar fixed-top navbar-expand-sm navbar-short bg-dark" role="navigation">
   <a class="nav-link link text-info display-8" href="/2024/" aria-expanded="false"><img src="images/vimlogo-564x564.png" height="42" width="42" /></a>
-  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navmenu2a" aria-controls="navmenu2a" aria-expanded="false" aria-label="Toggle navigation">
+  <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navmenu2a" aria-controls="navmenu2a" aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon navbar-light"></span>
   </button>
   <div class="collapse navbar-collapse" id="navmenu2a">
@@ -78,7 +78,7 @@ <h5>Q. The website is 404</h5>
 
       <section>
         <div class="panel text-center fat-border">
-          <h4>Successfully finished on 2024-11-23. <br>Thank you for you support.</h4>
+          <h4>Successfully finished on 2024-11-23.<br>Thank you for your support.</h4>
         </div>
       </section>
 

diff --git a/2024/sessions.html b/2024/sessions.html
@@ -5,7 +5,7 @@
 
 <nav class="navbar fixed-top navbar-expand-sm navbar-short bg-dark" role="navigation">
   <a class="nav-link link text-info display-8" href="/2024/" aria-expanded="false"><img src="../images/vimlogo-564x564.png" height="42" width="42" /></a>
-  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navmenu2a" aria-controls="navmenu2a" aria-expanded="false" aria-label="Toggle navigation">
+  <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navmenu2a" aria-controls="navmenu2a" aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon navbar-light"></span>
   </button>
   <div class="collapse navbar-collapse" id="navmenu2a">