Change logo add-on styles considering different lengths
Change-Id: I244122b679a455f21b2052ece1d6d1d3015af6a0
diff --git a/dev/js/src/init.js b/dev/js/src/init.js
index bb61b57..706d898 100644
--- a/dev/js/src/init.js
+++ b/dev/js/src/init.js
@@ -278,7 +278,18 @@
// Media Query for adjusting dynamically added elements (e.g. hint)
const isSmallScreen = window.matchMedia('(max-width: 768px)').matches;
+
+ // Change styles for different lengths of logo add-on
+ const logoAddon = document.querySelector('.logoaddon');
+ if (logoAddon && logoAddon.textContent.length < 6) {
+ if (!isSmallScreen) {
+ logoAddon.style.right = '0.1rem';
+ } else {
+ logoAddon.style.right = '-0.3rem';
+ }
+ }
+
// Function to toggle the shifted class on elements
function shiftContent() {
// Get elements to perform content shift when sidebar is active