frontend: make dialog related components responsive

thisconnect · thisconnect · commit dd2cafc43260 · 2025-11-10T18:43:17.000+01:00
diff --git a/frontends/web/src/components/dialog/dialog.module.css b/frontends/web/src/components/dialog/dialog.module.css
@@ -33,15 +33,9 @@
 }
 /* guard dialog and wait-dialog from view styles */
 @media (min-width: 1200px) {
-    .header .title {
-        --size-subheader: 1.6rem;
-    }
     .modal {
         margin-left: var(--sidebar-width-large);
     }
-    .modal .contentContainer p {
-        --size-default: 1.4rem;
-    }
 }
 
 .modal.small {
@@ -96,13 +90,11 @@
 
 .header .closeButton,
 .header .closeButton img {
-    width: 18px;
-    height: 18px;
+    width: var(--size-subheader);
+    height: var(--size-subheader);
 }
 
 .contentContainer {
-    font-size: var(--size-default);
-    font-weight: 400;
     padding: var(--space-half);
 }
 
diff --git a/frontends/web/src/components/language/language.module.css b/frontends/web/src/components/language/language.module.css
@@ -52,8 +52,4 @@
     .link {
         font-size: var(--size-smaller);
     }
-
-    .language {
-        font-size: var(--size-small) !important;
-    }
 }

Original file line number	Diff line number	Diff line change
`@@ -33,15 +33,9 @@`
`33`	`33`	`}`
`34`	`34`	`/* guard dialog and wait-dialog from view styles */`
`35`	`35`	`@media (min-width: 1200px) {`
`36`		`- .header .title {`
`37`		`- --size-subheader: 1.6rem;`
`38`		`- }`
`39`	`36`	`.modal {`
`40`	`37`	`margin-left: var(--sidebar-width-large);`
`41`	`38`	`}`
`42`		`- .modal .contentContainer p {`
`43`		`- --size-default: 1.4rem;`
`44`		`- }`
`45`	`39`	`}`
`46`	`40`
`47`	`41`	`.modal.small {`
`@@ -96,13 +90,11 @@`
`96`	`90`
`97`	`91`	`.header .closeButton,`
`98`	`92`	`.header .closeButton img {`
`99`		`- width: 18px;`
`100`		`- height: 18px;`
	`93`	`+ width: var(--size-subheader);`
	`94`	`+ height: var(--size-subheader);`
`101`	`95`	`}`
`102`	`96`
`103`	`97`	`.contentContainer {`
`104`		`- font-size: var(--size-default);`
`105`		`- font-weight: 400;`
`106`	`98`	`padding: var(--space-half);`
`107`	`99`	`}`
`108`	`100`
Original file line number	Diff line number	Diff line change
`@@ -52,8 +52,4 @@`
`52`	`52`	`.link {`
`53`	`53`	`font-size: var(--size-smaller);`
`54`	`54`	`}`
`55`		`-`
`56`		`- .language {`
`57`		`- font-size: var(--size-small) !important;`
`58`		`- }`
`59`	`55`	`}`