Browse Source

Fix transparent sidebar for very old browsers

With the switch to CSS custom properties for the themes, old browsers
with no support are ending up with a transparent background on the
sidebar. This makes the site especially difficult to use on mobile.

I'm going to do something more extensive to allow browsers with no
support for custom properties to still get basic theming, but it's
dependent on a @supports query. For browsers that don't support that
query either, we need this line to give the sidebar a background.
merge-requests/126/merge
Deimos 4 years ago
parent
commit
cbf77c1def
  1. 4
      tildes/scss/modules/_sidebar.scss

4
tildes/scss/modules/_sidebar.scss

@ -2,6 +2,10 @@
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
#sidebar { #sidebar {
// Prevents the sidebar background from being transparent on extremely old browsers
// that don't support *either* custom properties or the @supports test for them
background-color: $body-bg;
.btn { .btn {
width: 100%; width: 100%;
} }

Loading…
Cancel
Save