1
0
mirror of https://github.com/github/choosealicense.com synced 2025-01-05 03:21:42 +01:00

Improve readability of sticky header in appendix

The header of the appendix table was transparent, making the text in the header hard to read when scrolling

Fixes 
This commit is contained in:
Matthijs Groen 2024-08-13 11:26:23 +02:00
parent 3f5208ac0d
commit f7d9c599cf
No known key found for this signature in database
GPG Key ID: 3375794B30784B36
2 changed files with 3 additions and 1 deletions

@ -11,7 +11,7 @@ If you're here to choose a license, **[start from the home page](/)** to see a f
<table border style="font-size: xx-small; position: relative"> <table border style="font-size: xx-small; position: relative">
{% assign types = "permissions|conditions|limitations" | split: "|" %} {% assign types = "permissions|conditions|limitations" | split: "|" %}
<tr style="position: sticky; top: 0"> <tr style="position: sticky; top: 0; background: color-mix(in srgb, var(--backgroundColor) 70%, transparent);">
<th scope="col" style="text-align: center">License</th> <th scope="col" style="text-align: center">License</th>
{% assign seen_tags = '' %} {% assign seen_tags = '' %}
{% for type in types %} {% for type in types %}

@ -6,6 +6,7 @@
body { body {
background: #fafafa; background: #fafafa;
--backgroundColor: #fafafa;
color: #5c5855; color: #5c5855;
font: 0.875rem/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif; font: 0.875rem/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
} }
@ -13,6 +14,7 @@ body {
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
body { body {
background: #212121; background: #212121;
--backgroundColor: #212121;
color: #d0c8c1; color: #d0c8c1;
} }