From 980fc249d8be56f5587f5782ed87b254fce287e9 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Fri, 8 Feb 2019 16:44:37 +0000
Subject: [PATCH] Stop flicker when hovering postage on precompiled
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

We were removing the border to ‘unfold’ the corner of the page. This was
causing the size of the element to shrink.

This meant that it you hovered the bottom 1px of the element it would
cycle in and out of the hover state as fast as the browser could render
it.

This commit fixes that by making the border transparent, rather than
removing it.
---
 app/assets/stylesheets/components/letter.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/components/letter.scss b/app/assets/stylesheets/components/letter.scss
index 23e6cff9c..08bdcd0ae 100644
--- a/app/assets/stylesheets/components/letter.scss
+++ b/app/assets/stylesheets/components/letter.scss
@@ -85,7 +85,7 @@ $iso-paper-ratio: 141.42135624%;
     .letter-sent &:hover {
 
       background-color: transparent;
-      border: none;
+      border-color: transparent;
       box-shadow: none;
       background-image: file-url('envelope-fold.svg');