[lucene-site] branch main/solr updated: Adjust sticky note height. Fix news page title not hidden by header also in Safari

[ja...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

janhoy pushed a commit to branch main/solr
in repository https://gitbox.apache.org/repos/asf/lucene-site.git


The following commit(s) were added to refs/heads/main/solr by this push:
     new f362148  Adjust sticky note height. Fix news page title not hidden by header also in Safari
f362148 is described below

commit f3621484d887e46c0aef7fb23f369901e3ffd092
Author: Jan Høydahl <ja...@cominvent.com>
AuthorDate: Fri Feb 26 00:49:03 2021 +0100

    Adjust sticky note height. Fix news page title not hidden by header also in Safari
---
 themes/solr/static/css/base.css | 4 ++--
 themes/solr/templates/news.html | 7 ++++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/themes/solr/static/css/base.css b/themes/solr/static/css/base.css
index 75898b3..3177c6b 100644
--- a/themes/solr/static/css/base.css
+++ b/themes/solr/static/css/base.css
@@ -542,7 +542,7 @@ section.orange.full-width {
   transform: translate(-50%, -70%);
   width: 600px;
   max-width: 100%;
-  height: 300px;
+  height: 350px;
   max-height: 100%;
   display: block;
 }
@@ -572,7 +572,7 @@ section.orange.full-width {
   border: 0;
   background: black;
   color: white;
-  padding: 5px 10px;
+  padding: 4px 10px;
   font-size: 1.3rem;
 }
 
diff --git a/themes/solr/templates/news.html b/themes/solr/templates/news.html
index 0c95308..827aac9 100644
--- a/themes/solr/templates/news.html
+++ b/themes/solr/templates/news.html
@@ -13,9 +13,10 @@
     h2:hover > .headerlink, h3:hover > .headerlink, h1:hover > .headerlink, h6:hover > .headerlink, h4:hover > .headerlink, h5:hover > .headerlink, dt:hover > .elementid-permalink {
       visibility: visible;
     }
-    html {
-      --top-spacing: 70px;
-      scroll-padding-top: var(--top-spacing);
+    h2 {
+      /* Avoid news title being hidden behind header when linked by anchor link */
+      padding-top: 70px;
+      margin-top: -70px;
     }
   </style>
   <h1 id="solr-news">Solr<sup>™</sup> News<a class="headerlink" href="#solr-news" title="Permanent link">¶</a></h1>