diff options
| Commit | 4a039574ecb8b4fc7c7e355c9d6526010e1cb411 (patch) | |
|---|---|---|
| Author | 2023-07-09 15:59:02 +0300 | |
| Committer | 2023-07-09 15:59:02 +0300 | |
| Files | ab099b9719d668f51d336acf3f58d3b4c7748566 /src | |
| syndamia.com-4a039574ecb8b4fc7c7e355c9d6526010e1cb411.tar syndamia.com-4a039574ecb8b4fc7c7e355c9d6526010e1cb411.tar.gz syndamia.com-4a039574ecb8b4fc7c7e355c9d6526010e1cb411.zip | ||
| Parent | e030ac76e6ba3ba52ec8a62706f2366deaa4e097 (diff) | |
(expand-navbar.js) Replaced icon with triangle character
3 files changed, 6 insertions, 6 deletions
| -rw-r--r-- | src/_header.html | 4 | ||||
| -rw-r--r-- | src/scripts/expand-navbar.js | 6 | ||||
| -rw-r--r-- | src/styles.css | 2 |
diff --git a/src/_header.html b/src/_header.html index b6929a2..1bba6ad 100644 --- a/src/_header.html +++ b/src/_header.html @@ -27,8 +27,8 @@ <nav id="sidebar"> <nav id="header"> <a href="/">Home</a> - <img id="expandNavbarBtn" class="unzoomable btn icon" src="/img/layout-navbar-collapse.svg" alt="Expand navbar"> - <script type="text/javascript" src="/scripts/expand-navbar.js" integrity="sha512-R9CnFPK6yeDa1BiiYqZ87CB7Hp40D/tWsOdGK5LGWq1g3SxXaajPbrV165o3swckHRJt6Txec/adR7qc/zxVuw==" crossorigin="anonymous" defer></script> + <div id="expandNavbarBtn" class="unzoomable btn setting-btn">▲</div> + <script type="text/javascript" src="/scripts/expand-navbar.js" crossorigin="anonymous" defer></script> </nav> <nav id="index"> diff --git a/src/scripts/expand-navbar.js b/src/scripts/expand-navbar.js index 9ef896f..c254ae5 100644 --- a/src/scripts/expand-navbar.js +++ b/src/scripts/expand-navbar.js @@ -2,7 +2,7 @@ const expandBtn = document.getElementById('expandNavbarBtn'); const sidebarElem = document.getElementById('sidebar'); if (localStorage.getItem('navbar') === 'hidden' || window.innerWidth <= 610) { - expandBtn.src = '/img/layout-navbar-expand.svg'; + expandBtn.innerHTML = '▼'; sidebarElem.classList.add('sidebar-hidden'); } @@ -10,11 +10,11 @@ expandBtn.onclick = function() { sidebarElem.classList.toggle('sidebar-hidden'); if (!sidebarElem.classList.contains('sidebar-hidden')) { - expandBtn.src = '/img/layout-navbar-collapse.svg'; + expandBtn.innerHTML = '▲'; if (window.innerWidth > 610) localStorage.setItem('navbar', 'norm'); } else { - expandBtn.src = '/img/layout-navbar-expand.svg'; + expandBtn.innerHTML = '▼'; if (window.innerWidth > 610) localStorage.setItem('navbar', 'hidden'); } } diff --git a/src/styles.css b/src/styles.css index 410dfd9..896d283 100644 --- a/src/styles.css +++ b/src/styles.css @@ -351,7 +351,7 @@ dt, dd { #footer > * { white-space: nowrap; } /* expand-navbar.js */ - #expandNavbarBtn { float: right; margin: 0.25em 0 0 1em; } + #expandNavbarBtn { float: right; margin: 0.6em 0 0 1em; } .sidebar-hidden { min-height: auto; position: absolute; } .sidebar-hidden > :not(#header) { display: none; } .sidebar-hidden + .noMaxWidth { margin-top: 6em; } |