UX: fix scaling of translator button in topic-progress bar (#270)

awesomerobot · web-flow · commit 0908e236e5e9 · 2025-04-08T13:43:11.000-04:00
diff --git a/assets/stylesheets/common/common.scss b/assets/stylesheets/common/common.scss
@@ -8,8 +8,8 @@
 }
 
 .topic-navigation.with-topic-progress .discourse-translator_toggle-original {
-  height: 100%;
-  aspect-ratio: 1/1;
+  margin-right: 0.5em;
+  align-self: stretch;
 
   button {
     height: 100%;

Original file line number	Diff line number	Diff line change
`@@ -8,8 +8,8 @@`
`8`	`8`	`}`
`9`	`9`
`10`	`10`	`.topic-navigation.with-topic-progress .discourse-translator_toggle-original {`
`11`		`- height: 100%;`
`12`		`- aspect-ratio: 1/1;`
	`11`	`+ margin-right: 0.5em;`
	`12`	`+ align-self: stretch;`
`13`	`13`
`14`	`14`	`button {`
`15`	`15`	`height: 100%;`