diff --git a/scss/trachacks.scss b/scss/trachacks.scss index c826f68..8dc521e 100644 --- a/scss/trachacks.scss +++ b/scss/trachacks.scss @@ -34,6 +34,46 @@ h1, h2, h3, h4, h5, h6, span { } } +// Sponsorship banner +div.sub-banner { + font-family: Arial, Verdana, sans-serif; + padding: 1px 10px; + display: flex; + flex-direction: row; + border-bottom: 2px; + border-color: $gray-line; +} +p.sub-banner-content { + width: 70%; + padding-right: 1em; +} +div.sub-banner-cta { + display: flex; + align-items: center; + border-radius: 0.3em; + + a { + border: 1px solid $green-medium; + padding: 0.7em 1em; + font-size: 16px; + font-weight: normal; + border-radius: 0.3em; + + i { + color: $red-medium; + } + + &:hover, + &:focus, + &:active { + border: 1px solid $green-dark; + color: $green-dark; + outline: none; + background: $green-very-light; + } + } +} + div.trac-content { border: 0; } @@ -108,8 +148,20 @@ pre.wiki { white-space: pre-wrap; } -#content.ticket { - width: auto; +#content { + margin-top: 1em; + + .ticket { + width: auto; + } + + .report-result { + margin-top: 1em; + } + + .paging { + margin: 0; + } } .foldable { @@ -384,3 +436,36 @@ div[role="main"]{ } } } + +/* Mobile */ + +@media (max-width: 767px) { + #metanav { + ul { + li { + padding: 1em 0.5em !important; + } + } + } + + #filters { + min-width: inherit; + overflow: scroll; + } + + div:has(.listing.tickets) { + min-width: inherit; + overflow: scroll; + } + // Sponsorship banner + div.sub-banner { + display: block; + } + p.sub-banner-content { + width: 100%; + padding-right: 0; + } + div.sub-banner-cta { + padding-bottom: 10px; + } +} diff --git a/trac-env/templates/site.html b/trac-env/templates/site.html index a026866..82fbe67 100644 --- a/trac-env/templates/site.html +++ b/trac-env/templates/site.html @@ -4,6 +4,7 @@ ${select('*|comment()|text()')} + @@ -95,6 +96,14 @@

Useful links

+
+

Donate to support Django’s ongoing development!

+
+ + Donate + +
+