Skip to content

Commit

Permalink
RonRonnement CSS: Fix small discontinuity in the left sidebar
Browse files Browse the repository at this point in the history
Commit 88aa3c3 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.
  • Loading branch information
nud committed Jan 5, 2023
1 parent 3ac001b commit 46356e9
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 4 deletions.
7 changes: 4 additions & 3 deletions app/assets/stylesheets/parts/a_tag.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
1 change: 0 additions & 1 deletion app/assets/stylesheets/parts/sidebar.scss
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,6 @@
text-align: left;
font-size: 0.8em;
line-height: 1.3;
background: $C_CLAIR;

a {
font-weight: inherit;
Expand Down

0 comments on commit 46356e9

Please sign in to comment.