test: move language switch test, fix header comments and code indentation

chore: add @vue/test-utils to devDependencies
validate dropdown closes on click outside the component
2026-06-04 13:43:07 +02:00 · 2026-06-04 13:43:07 +02:00 · 2026-06-04 13:43:07 +02:00 · 2026-06-04 13:43:07 +02:00 · 2026-06-04 13:43:07 +02:00 · 2026-06-04 13:43:07 +02:00
3 changed files with 9 additions and 5 deletions
@@ -42,15 +42,18 @@ watch(colorScheme, val => updateColorScheme(val))
 </template>

 <style scoped>
-.main-content {
+#app-wrapper {
    --main-content-padding-x: 30px;
    --main-content-padding-y: 40px;
    --main-content-padding: var(--main-content-padding-y) var(--main-content-padding-x);
+}
+
+.main-content {
    flex-grow: 1;
 }

@media (max-width: 48rem) {
-    .main-content {
+    #app-wrapper {
        --main-content-padding-x: 15px;
    }
 }
@@ -42,7 +42,7 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
    display: flex;
    justify-content: space-between;
    align-items: center;
-    padding: 18px 40px;
+    padding: 18px var(--main-content-padding-x);
    height: 42px;
 }

@@ -67,9 +67,10 @@ const submitSearch = function () {
    max-width: 100%;
 }

-.slogan{
-    margin: 0;
+.slogan {
+    margin-top: 1rem;
    font-size: small;
+    line-height: normal;
 }

 .search-container {
Author	SHA1	Message	Date
johannes.vos	27f696247d	test: move language switch test, fix header comments and code indentation	2026-06-04 13:43:07 +02:00
johannes.vos	3a07b0482f	chore: add @vue/test-utils to devDependencies	2026-06-04 13:43:07 +02:00
johannes.vos	88634e10cd	validate dropdown closes on click outside the component	2026-06-04 13:43:07 +02:00
johannes.vos	98cc6b7556	assert language selection updates localStorage and HTML attributes	2026-06-04 13:43:07 +02:00
johannes.vos	0bb0f23347	verify initial closed state and toggle opening of dropdown	2026-06-04 13:43:07 +02:00
johannes.vos	02af96a07d	initialize language switch test suite with beforeEach setup	2026-06-04 13:43:07 +02:00
johannes.vos	a6194bb874	mock i18n and icon dependencies for language switch	2026-06-04 13:43:07 +02:00
johannes.vos	d6700d6965	add imports	2026-06-04 13:43:07 +02:00
johannes.vos	54ffaf73e3	add license	2026-06-04 13:43:07 +02:00
johannes.vos	ebe21f7f4d	add LanguageSwitchButton.test.js file - empty	2026-06-04 13:43:07 +02:00
jakob.scheid	37515268d7	Merge pull request 'Fix navbar alignment on mobile devices' (#110 ) from feature/fix-navbar-alignment-on-mobile-devices into main Deploy on dev / Deploy on dev (push) Successful in 32s Details Reviewed-on: #110 Reviewed-by: Jakob Gregory <7+jakob.gregory@noreply.localhost> Reviewed-by: Jakob Scheid	2026-06-04 13:40:29 +02:00
jakob.scheid	c919263c36	feat(navbar-padding): use the responsivity of the main content padding CSS variables	2026-06-04 13:39:58 +02:00
jakob.scheid	592eb7222f	move main content padding CSS variables to the app wrapper	2026-06-04 13:39:58 +02:00
johannes.vos	98579b726b	style(nav): reduce navbar horizontal padding on small screens for better alignment	2026-06-04 13:39:58 +02:00
jakob.scheid	4e6c94afc8	Merge pull request 'Fix spacing between Seekra logo and slogan' (#109 ) from feature/vertical-spacing-slogan-logo into main Deploy on dev / Deploy on dev (push) Successful in 32s Details Reviewed-on: #109 Reviewed-by: Jakob Gregory	2026-06-04 13:22:17 +02:00
johannes.vos	f2f7e9e23c	remove unnecesary empty code lines	2026-06-04 13:16:31 +02:00
johannes.vos	08949d5bb4	remove @media (max-width: 48rem) - unneccesary	2026-06-04 13:13:58 +02:00
johannes.vos	65153db414	style(search): implement responsive mobile spacing for slogan via media query	2026-06-04 13:11:55 +02:00
johannes.vos	58e4640965	style(search): add desktop vertical spacing and fix line-height for slogan	2026-06-04 13:10:43 +02:00