1
0
mirror of https://github.com/github/choosealicense.com synced 2024-12-26 23:00:11 +01:00

Merge pull request #1238 from matthijsgroen/patch-1

Improve readability of sticky header in appendix
This commit is contained in:
Mike Linksvayer 2024-08-30 08:54:57 -07:00 committed by GitHub
commit e7e937b317
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 1 deletions

View File

@ -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; z-index: 1000001; 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 %}

View File

@ -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;
} }