From a5979b8b1a9d44b5902ad2492cdfe39f0e0b2fbd Mon Sep 17 00:00:00 2001 From: Henriette Darge Date: Fri, 6 Oct 2023 08:54:51 +0200 Subject: [PATCH] Don't show a border on mobile below the PageHeader --- .changeset/poor-pugs-end.md | 7 +++++++ app/components/primer/open_project/page_header.pcss | 4 ++++ 2 files changed, 11 insertions(+) create mode 100644 .changeset/poor-pugs-end.md diff --git a/.changeset/poor-pugs-end.md b/.changeset/poor-pugs-end.md new file mode 100644 index 0000000000..bebb296fd3 --- /dev/null +++ b/.changeset/poor-pugs-end.md @@ -0,0 +1,7 @@ +--- +'@openproject/primer-view-components': patch +--- + +Don't show a border for PageHeaders on mobile + + diff --git a/app/components/primer/open_project/page_header.pcss b/app/components/primer/open_project/page_header.pcss index 4e4b5bc8f3..41efc1a65a 100644 --- 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: 0; + } } .PageHeader-title {