Merge branch 'main' of https://github.com/stackabletech/documentation into CI-Hardening

Author: dervoeti

modules/ROOT/partials/release-notes/release-25.11.adoc

@@ -107,7 +107,7 @@ See https://github.com/stackabletech/nifi-operator/issues/812[nifi-operator#812]
   This CLI argument has now been moved to the Pod templates of the individual roles.
   See https://github.com/stackabletech/spark-k8s-operator/pull/617[spark-k8s-operator#617].
 * This release adds experimental support for Spark 4.0.1.
-  The support is marked as experimental because Spark 4.0.1 has known compatibility issues with https://github.com/apache/hbase-connectors/pull/130[Apache HBase] and https://github.com/apache/iceberg/issues/13358[Apache Iceberg].
+  The support is marked as experimental because Spark 4.0.1 has known compatibility issues with https://issues.apache.org/jira/browse/HBASE-30178[Apache HBase] and https://github.com/apache/iceberg/issues/13358[Apache Iceberg].
   See https://github.com/stackabletech/spark-k8s-operator/issues/586[spark-k8s-operator#586].
 
 ===== Open Policy Agent

ui/src/css/header.css

@@ -45,11 +45,23 @@ body {
   word-wrap: normal;
 }
 
+/* The img carries width/height attributes so its space is reserved before it
+ * loads. Two consequences to keep in mind when touching this rule:
+ *
+ * width: auto is required, not redundant. Those attributes are presentational
+ * hints that set a real width, so without it the logo renders at its full 199px
+ * against a 22px height and stretches by a third. Setting it hands sizing back
+ * to the aspect ratio the attributes imply.
+ *
+ * The gap is a margin, not padding, because aspect-ratio sizes the box named by
+ * box-sizing -- border-box here -- so padding would count inside the ratio and
+ * squash the image by exactly that much. */
 .navbar-brand .navbar-item:first-child img {
   height: 22px;
+  width: auto;
   display: inline-block;
   margin-top: -4px;
-  padding-right: 20px;
+  margin-right: 20px;
 }
 
 .navbar-brand .navbar-item.documentation-link {

ui/src/partials/footer-content.hbs

@@ -4,7 +4,7 @@
       <!-- link columns -->
       <div class="footer-info">
         <div class="footer-info-item-large">
-          <img src="{{{uiRootPath}}}/img/logo-2-1.png">
+          <img src="{{{uiRootPath}}}/img/logo-2-1.png" width="150" height="26">
           <p class="footer-motto">
             your data, your platform
           </p>

ui/src/partials/header.hbs

@@ -2,7 +2,7 @@
   <nav class="navbar">
     <div id="topbar-left" class="navbar-brand">
       <a class="navbar-item" href="{{{ relativize (versioned "home" page "index.html") }}}">
-        <img src="{{{uiRootPath}}}/img/stackable-logo.png">
+        <img src="{{{uiRootPath}}}/img/stackable-logo.png" width="199" height="30">
       </a>
       <a class="navbar-item documentation-link" href="{{{ relativize (versioned "home" page "index.html") }}}">
         Docs