Eliminate layout shift in menu toggle arrow with CSS-only solution (#1935)

refactor menu toggle arrow
This commit is contained in:
shubham oulkar
2025-06-06 06:50:31 +05:30
committed by GitHub
parent c98d2c441b
commit 30c053b5f1
6 changed files with 25 additions and 7 deletions

View File

@@ -1,4 +1,4 @@
<button id="menu-toggle" title="show table of content">On this page <span>&#x25BA;</span></button>
<button id="menu-toggle" title="show table of content">On this page</button>
<ul id="menu">
<li><a href="#express">express()</a></li>
<li id="app-api"> <a href="#application">Application</a>

View File

@@ -1,4 +1,4 @@
<button id="menu-toggle" title="show table of content">On this page <span>&#x25BA;</span></button>
<button id="menu-toggle" title="show table of content">On this page</button>
<ul id="menu">
<li id="express-api"><a href="#express">express()</a>
<ul id="express-menu">

View File

@@ -1,4 +1,4 @@
<button id="menu-toggle" title="show table of content">On this page <span>&#x25BA;</span></button>
<button id="menu-toggle" title="show table of content">On this page</button>
<ul id="menu">
<li id="express-api"><a href="#express">express()</a>
<ul id="express-menu">

View File

@@ -1,4 +1,4 @@
<button id="menu-toggle" title="show blogs list">All Blogs <span>&#x25BA;</span></button>
<button id="menu-toggle" title="show blogs list">All Blogs</button>
<ul id="menu" class="blog-side-menu">
<li>
<ul id="side-menu" class="active">