From 46356e9e12ec2cfcc0f7480e6f1c0ef67b4f6af9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Steve=20Fr=C3=A9cinaux?= <code@istique.net>
Date: Thu, 5 Jan 2023 22:18:33 +0100
Subject: [PATCH] RonRonnement CSS: Fix small discontinuity in the left sidebar

Commit 88aa3c387cd3c42d34b9b91c33d5a591a0b5bcdf included a small
computation mistake: the border should be taken into account in the
calculations.

Also, while it looks correct in Chrome, for some reason Firefox does not
properly position the linear gradient origin when the background is set
to repeat. We add `no-repeat` to the background specification to fix
this.
---
 app/assets/stylesheets/parts/a_tag.scss   | 7 ++++---
 app/assets/stylesheets/parts/sidebar.scss | 1 -
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/parts/a_tag.scss b/app/assets/stylesheets/parts/a_tag.scss
index e7369af54..f0d96ddbd 100644
--- a/app/assets/stylesheets/parts/a_tag.scss
+++ b/app/assets/stylesheets/parts/a_tag.scss
@@ -22,11 +22,12 @@ body {
   margin: 0 auto;
   border: solid #999;
   border-width: 0 1px;
-  background: linear-gradient(
+  background: no-repeat
+    linear-gradient(
       90deg,
       $C_CLAIR,
-      $C_CLAIR $PX_BRANDING_LARG,
-      $C_CONTAINER $PX_BRANDING_LARG,
+      $C_CLAIR $PX_BRANDING_LARG + 1px,
+      $C_CONTAINER $PX_BRANDING_LARG + 1px,
       $C_CONTAINER
     )
     #fff;
diff --git a/app/assets/stylesheets/parts/sidebar.scss b/app/assets/stylesheets/parts/sidebar.scss
index d84a90e2a..49df9bfdd 100644
--- a/app/assets/stylesheets/parts/sidebar.scss
+++ b/app/assets/stylesheets/parts/sidebar.scss
@@ -4,7 +4,6 @@
   text-align: left;
   font-size: 0.8em;
   line-height: 1.3;
-  background: $C_CLAIR;
 
   a {
     font-weight: inherit;