Fix: Modify the CSS so that the logo of the generated documentation is adaptive (#17172)

Florian3k · web-flow · commit 2297d2565348 · 2023-04-12T16:52:23.000+02:00
- Add a fixed max-width of the span - Add a 100% for the img in the span Fixes: #17171
diff --git a/scaladoc/resources/dotty_res/styles/theme/layout/header.css b/scaladoc/resources/dotty_res/styles/theme/layout/header.css
@@ -63,6 +63,14 @@
   align-items: center;
 }
 
+.logo-container .project-logo {
+  max-width: 40px;
+}
+
+.logo-container .project-logo img {
+  max-width: 100%;
+}
+
 #mobile-menu-toggle {
   display: none;
 }

Original file line number	Diff line number	Diff line change
`@@ -63,6 +63,14 @@`
`63`	`63`	`align-items: center;`
`64`	`64`	`}`
`65`	`65`
	`66`	`+.logo-container .project-logo {`
	`67`	`+ max-width: 40px;`
	`68`	`+}`
	`69`	`+`
	`70`	`+.logo-container .project-logo img {`
	`71`	`+ max-width: 100%;`
	`72`	`+}`
	`73`	`+`
`66`	`74`	`#mobile-menu-toggle {`
`67`	`75`	`display: none;`
`68`	`76`	`}`