Don't show a border on mobile below the PageHeader

opf · Oct 6, 2023 · 69e4b0a · 69e4b0a
1 parent 4c06fbc
commit 69e4b0a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/.changeset/poor-pugs-end.md b/.changeset/poor-pugs-end.md
@@ -0,0 +1,7 @@
+---
+'@openproject/primer-view-components': patch
+---
+
+Don't show a border for PageHeaders on mobile
+
+<!-- Changed components: Primer::OpenProject::PageHeader -->
diff --git a/app/components/primer/open_project/page_header.pcss b/app/components/primer/open_project/page_header.pcss
@@ -7,6 +7,10 @@
   border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted);
   flex-flow: row wrap;
   justify-content: flex-end; /* Keep actions right aligned. */
+
+  @media (max-width: 767.98px) {
+    border-bottom-width: 0px;
+  }
 }
 
 .PageHeader-title {