From 138149e6f0be91255907a6083887898e5c68882e Mon Sep 17 00:00:00 2001 From: JWB Date: Thu, 28 Jul 2022 13:28:23 -0400 Subject: [PATCH] fix(device-information): prevent unwanted y-truncature of text * Device information page styling fix I was checking out your site, and really like it! already added to my bookmarks, and when I was on the Device Information page I noticed the `p` and `y` in the words 1 dppx and landscape-primary were cut off and my ocd kicked in to tweak it. The fix was to remove the line height set on the value, and then to keep the spacing how it was just moving it up 5px seemed to do the trick. I'm using Firefox 102.0.1 on Windows 11. I'll attach some pics so you can see the before and after. I've never messed with vue, but after looking at this file here ya make me want to check it out more. I love how its keeping it all together in one file. Might also need to rebuild it the site after this change, but you get the point. Awesome site! * Update src/tools/device-information/device-information.vue Co-authored-by: Corentin THOMASSET --- src/tools/device-information/device-information.vue | 1 - 1 file changed, 1 deletion(-) diff --git a/src/tools/device-information/device-information.vue b/src/tools/device-information/device-information.vue index 19dcb738..4ae939d9 100644 --- a/src/tools/device-information/device-information.vue +++ b/src/tools/device-information/device-information.vue @@ -89,7 +89,6 @@ const sections = [ .value { font-size: 20px; font-weight: 400; - line-height: 1; } }