From c3374e47b843c1106f2a221ee03c1fcdf5222a6e Mon Sep 17 00:00:00 2001
From: Andrew Huang <ahuang@anaconda.com>
Date: Tue, 26 Dec 2023 10:11:20 -0800
Subject: [PATCH 1/3] Add param to toggle template height

---
 panel/template/base.py                |  4 ++++
 panel/template/material/material.html | 20 +++++++++++++++++---
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/panel/template/base.py b/panel/template/base.py
index 520623f59d..249085fdae 100644
--- a/panel/template/base.py
+++ b/panel/template/base.py
@@ -655,6 +655,9 @@ class BasicTemplate(BaseTemplate):
     header_color = param.String(doc="""
         Optional header text color override.""")
 
+    header_height = param.String(default="64px", doc="""
+        Optional header height override.""")
+
     location = param.Boolean(default=True, readonly=True)
 
     _actions = param.ClassSelector(default=TemplateActions(), class_=TemplateActions)
@@ -772,6 +775,7 @@ def _update_vars(self, *args) -> None:
         self._render_variables['app_favicon'] = favicon
         self._render_variables['app_favicon_type'] = self._get_favicon_type(self.favicon)
         self._render_variables['header_background'] = self.header_background
+        self._render_variables['header_height'] = self.header_height
         self._render_variables['header_color'] = self.header_color
         self._render_variables['main_max_width'] = self.main_max_width
         self._render_variables['sidebar_width'] = self.sidebar_width
diff --git a/panel/template/material/material.html b/panel/template/material/material.html
index 1ba14a4ffe..464669ef5f 100644
--- a/panel/template/material/material.html
+++ b/panel/template/material/material.html
@@ -55,8 +55,15 @@
       #header {
           --mdc-theme-background: var(--header-background);
           --mdc-theme-on-background: var(--header-color);
-	  background-color: var(--header-background);
-	  color: var(--header-color);
+          background-color: var(--header-background);
+          color: var(--header-color);
+      }
+      #header-items {
+          height: 100%;
+      }
+      .mdc-top-app-bar__section--align-start {
+          height: {{ header_height }}; /* Adjust the height for the align-start section */
+
       }
       .mdc-drawer {
 	  width: var(--sidebar-width) !important;
@@ -64,6 +71,13 @@
       .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content {
 	  margin-left: var(--sidebar-width) !important;
       }
+      .mdc-top-app-bar--fixed-adjust {
+        {% if header_height.startswith('0') %}
+          padding-top: 0px;
+        {% else %}
+          padding-top: calc({{ header_height }} + 10px); /* Adjust the padding so sidebar / main isn't underneath */
+        {% endif %}
+      }
     </style>
 
     <!-- Template JS -->
@@ -78,7 +92,7 @@
 <!-- goes in body -->
 {% block contents %}
 <div class="mdc-typography" id="container">
-  <header class="mdc-top-app-bar app-bar mdc-top-app-bar--fixed" id="header">
+  <header class="mdc-top-app-bar app-bar mdc-top-app-bar--fixed" id="header" {% if header_height.startswith('0') %}style="display: none;"{% endif %}>
     <div class="mdc-top-app-bar__row">
       <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
 	{% if nav %}

From e02052194b61e46f20f1198757460cabbfa0db6a Mon Sep 17 00:00:00 2001
From: Andrew Huang <ahuang@anaconda.com>
Date: Tue, 26 Dec 2023 10:21:26 -0800
Subject: [PATCH 2/3] Add FastList

---
 panel/template/fast/list/fast_list_template.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/panel/template/fast/list/fast_list_template.html b/panel/template/fast/list/fast_list_template.html
index 20bf109031..714b63eef3 100644
--- a/panel/template/fast/list/fast_list_template.html
+++ b/panel/template/fast/list/fast_list_template.html
@@ -40,6 +40,13 @@
     background-color: var(--background-color);
     font-family: var(--body-font);
   }
+  #header {
+	{% if header_height.startswith('0') %}
+	display: none;
+	{% else %}
+	height: {{ header_height }};
+	{% endif %}
+  }
   #header a {
     color: currentColor;
   }
@@ -87,7 +94,7 @@
 <fast-design-system-provider id="body-design-provider" use-defaults>
   <div id="container">
     <fast-design-system-provider id="header-design-provider">
-      <nav id="header" {{ 'class="shadow"' if style.shadow else '' }} >
+	  <nav id="header" {% if hide_header %}style="display: none;"{% endif %} {{ 'class="shadow"' if style.shadow else '' }} >
 	{% if nav or sidebar_footer %}
 	<span onclick="{{ 'openNav()' if collapsed_sidebar else 'closeNav()' }}" id="sidebar-button">
 	  <div class="pn-bar"></div>

From 39ca7030161f61af1b7448df20eb5a9ed6d9c192 Mon Sep 17 00:00:00 2001
From: Andrew <15331990+ahuang11@users.noreply.github.com>
Date: Wed, 10 Jan 2024 09:10:01 -0800
Subject: [PATCH 3/3] Update panel/template/fast/list/fast_list_template.html

Co-authored-by: Philipp Rudiger <prudiger@anaconda.com>
---
 panel/template/fast/list/fast_list_template.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/panel/template/fast/list/fast_list_template.html b/panel/template/fast/list/fast_list_template.html
index 714b63eef3..ba1a246d33 100644
--- a/panel/template/fast/list/fast_list_template.html
+++ b/panel/template/fast/list/fast_list_template.html
@@ -41,11 +41,11 @@
     font-family: var(--body-font);
   }
   #header {
-	{% if header_height.startswith('0') %}
-	display: none;
-	{% else %}
-	height: {{ header_height }};
-	{% endif %}
+    {% if header_height.startswith('0') %}
+    display: none;
+    {% else %}
+    height: {{ header_height }};
+    {% endif %}
   }
   #header a {
     color: currentColor;