Fix add reactions prompt button jumping timeline if font set lower than default

t3chguy · t3chguy · commit f0a0d7f9981a · 2021-05-17T10:01:24.000+01:00
diff --git a/res/css/views/messages/_ReactionsRow.scss b/res/css/views/messages/_ReactionsRow.scss
@@ -20,7 +20,8 @@ limitations under the License.
 
     .mx_ReactionsRow_addReactionButton {
         position: relative;
-        display: none; // show on hover of the .mx_EventTile
+        display: inline-block;
+        visibility: hidden; // show on hover of the .mx_EventTile
         width: 24px;
         height: 24px;
         vertical-align: middle;
@@ -39,7 +40,7 @@ limitations under the License.
         }
 
         &.mx_ReactionsRow_addReactionButton_active {
-            display: inline-block; // keep showing whilst the context menu is shown
+            visibility: visible; // keep showing whilst the context menu is shown
         }
 
         &:hover, &.mx_ReactionsRow_addReactionButton_active {
@@ -51,7 +52,7 @@ limitations under the License.
 }
 
 .mx_EventTile:hover .mx_ReactionsRow_addReactionButton {
-    display: inline-block;
+    visibility: visible;
 }
 
 .mx_ReactionsRow_showAll {

Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,8 @@ limitations under the License.`
`20`	`20`
`21`	`21`	`.mx_ReactionsRow_addReactionButton {`
`22`	`22`	`position: relative;`
`23`		`- display: none; // show on hover of the .mx_EventTile`
	`23`	`+ display: inline-block;`
	`24`	`+ visibility: hidden; // show on hover of the .mx_EventTile`
`24`	`25`	`width: 24px;`
`25`	`26`	`height: 24px;`
`26`	`27`	`vertical-align: middle;`
`@@ -39,7 +40,7 @@ limitations under the License.`
`39`	`40`	`}`
`40`	`41`
`41`	`42`	`&.mx_ReactionsRow_addReactionButton_active {`
`42`		`- display: inline-block; // keep showing whilst the context menu is shown`
	`43`	`+ visibility: visible; // keep showing whilst the context menu is shown`
`43`	`44`	`}`
`44`	`45`
`45`	`46`	`&:hover, &.mx_ReactionsRow_addReactionButton_active {`
`@@ -51,7 +52,7 @@ limitations under the License.`
`51`	`52`	`}`
`52`	`53`
`53`	`54`	`.mx_EventTile:hover .mx_ReactionsRow_addReactionButton {`
`54`		`- display: inline-block;`
	`55`	`+ visibility: visible;`
`55`	`56`	`}`
`56`	`57`
`57`	`58`	`.mx_ReactionsRow_showAll {`