Fix header overflow issues in FastGridTemplate (#5935)

holoviz · Nov 29, 2023 · 79628f8 · 79628f8
1 parent 5c622de
commit 79628f8
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 218 deletions.
diff --git a/panel/template/fast/fast.css b/panel/template/fast/fast.css
@@ -171,10 +171,6 @@ img.app-logo {
   border: none;
 }
 
-.sidenav fast-menu {
-  width: 100%;
-}
-
 .sidenav fast-menu a {
   padding: 8px 8px 8px 32px;
   text-decoration: none;
@@ -192,6 +188,7 @@ img.app-logo {
 .sidenav fast-menu {
   background-color: var(--background-color);
   box-shadow: none;
+  width: 100%;
 }
 
 .sidenav .closebtn {

diff --git a/panel/template/fast/grid/fast_grid_template.css b/panel/template/fast/grid/fast_grid_template.css
@@ -1,223 +1,9 @@
 /* fast fast_grid_template.css */
-html {
-  scrollbar-face-color: var(--neutral-fill-rest);
-  scrollbar-base-color: var(--neutral-fill-rest);
-  scrollbar-3dlight-color: var(--neutral-fill-rest);
-  scrollbar-highlight-color: var(--neutral-fill-rest);
-  scrollbar-track-color: var(--background-color);
-  scrollbar-arrow-color: var(--background-color);
-  scrollbar-shadow-color: var(--neutral-fill-rest);
-}
-
-::-webkit-scrollbar-button {
-  background-color: var(--neutral-fill-rest);
-}
-
-::-webkit-scrollbar-track {
-  background-color: var(--neutral-fill-rest);
-}
-
-::-webkit-scrollbar-track-piece {
-  background-color: var(--background-color);
-}
-
-::-webkit-scrollbar-thumb {
-  height: 50px;
-  background-color: var(--neutral-fill-rest);
-  border-radius: var(--corner-radius);
-}
-
-::-webkit-resizer {
-  background-color: var(--neutral-fill-rest);
-}
-
-body {
-  margin: 0px;
-  overflow: hidden;
-}
-
-#container {
-  padding: 0px;
-  width: 100vw;
-}
-
-#header {
-  display: flex;
-  align-items: center;
-  padding: 10px;
-  height: 44px;
-}
-
-#header-items {
-  overflow: hidden;
-  width: 100%;
-  padding-left: 10px;
-}
-
-#sidebar-button {
-  font-size: 30px;
-  cursor: pointer;
-  opacity: 0.9;
-}
-
-#sidebar-button:hover {
-  opacity: 1;
-}
-
-a.navbar-brand {
-  padding-left: 10px;
-  padding-right: 10px;
-  display: flex;
-  align-items: center;
-  font-size: 1.5em;
-}
-
-.app-header {
-  display: contents;
-  padding-left: 10px;
-  white-space: nowrap;
-}
-
-.title {
-  text-decoration: none;
-  text-decoration-line: none;
-  text-decoration-style: initial;
-  text-decoration-color: initial;
-  font-weight: 400;
-  font-size: var(--type-ramp-plus-3-font-size);
-  line-height: var(--type-ramp-plus-3-line-height);
-  white-space: nowrap;
-  margin-left: 0.5em;
-}
-
-img.app-logo {
-  font-size: 28px;
-  height: 30px;
-  max-width: inherit;
-}
-
-.pn-bar {
-  width: 20px;
-  height: 2px;
-  background-color: var(--neutral-foreground-rest);
-  margin: 4px 0;
-}
-
-#sidebar-button {
-  margin-left: 10px;
-  margin-right: 10px;
-}
 
 #main {
   padding: 0 5px;
 }
 
-#sidebarCollapse {
-  background: none;
-  border: none;
-}
-
-.sidenav fast-menu {
-  width: 100%;
-}
-
-.sidenav fast-menu a {
-  padding: 8px 8px 8px 32px;
-  text-decoration: none;
-  color: var(--neutral-foreground-rest);
-  font-size: var(--type-ramp-base-font-size);
-  line-height: var(--type-ramp-base-line-height);
-  display: block;
-  transition: 0.3s;
-}
-
-.sidenav fast-menu a:hover {
-  color: #f1f1f1;
-}
-
-.sidenav fast-menu {
-  background-color: var(--background-color);
-  box-shadow: none;
-}
-
-.sidenav .closebtn {
-  position: absolute;
-  top: 0;
-  right: 25px;
-  font-size: 36px;
-  margin-left: 50px;
-}
-
-@media screen and (max-height: 450px) {
-  .sidenav {
-    padding-top: 15px;
-  }
-  .sidenav a {
-    font-size: 18px;
-  }
-}
-
-.nav.flex-column {
-  padding-inline-start: 0px;
-}
-
-.pn-modal-close {
-  position: relative;
-  float: right;
-  z-index: 100;
-}
-
-.pn-modal-close:hover,
-.pn-modal-close:focus {
-  text-decoration: none;
-  cursor: pointer;
-}
-
-.pn-busy-container {
-  align-items: center;
-  justify-content: center;
-  display: flex;
-  margin-left: auto;
-}
-
-#header-items {
-  color: var(--neutral-foreground-rest);
-}
-
-.theme-toggle-icon {
-  height: 25px;
-  width: 25px;
-  margin-top: 5px;
-}
-
-#made-with-panel {
-  padding: 0.5rem;
-  text-align: center;
-  font-size: 0.75rem;
-}
-
-.fullscreen-button {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  width: 24px;
-  height: 24px;
-  z-index: 10000;
-  opacity: 0;
-  transition-delay: 0.5s;
-  transition: 0.5s;
-  cursor: pointer;
-}
-
-.fullscreen-button:hover {
-  transition: 0.5s;
-  opacity: 1;
-}
-
-.fullscreen-button:focus {
-  opacity: 1;
-}
-
 #responsive-grid {
   height: 100%;
 }