Skip to content

Commit b217089

Browse files
fix(ui): match top bar to doc.owncloud.com (title in, external links out) (#32)
Two changes to the navbar, mirroring doc.owncloud.com: - Add the site title next to the logo via <span class="navbar-title">, with supporting CSS (the stock default UI ships no .navbar-title rule): white text, a subtle left divider, hidden below 768.5px so it never crowds the logo/search on narrow screens. - Remove the external "ownCloud.com" / "Support" links from the top bar. They duplicate links now present in the branded footer. With them gone the navbar-burger had nothing to fold, so it is removed too and navbar-end left empty -- exactly as doc.owncloud.com does it. All in ui/supplemental/ (header-content.hbs, owncloud.css); not synced. Signed-off-by: Thomas Müller <1005065+DeepDiver1975@users.noreply.github.com> Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
1 parent 7698782 commit b217089

2 files changed

Lines changed: 22 additions & 9 deletions

File tree

ui/supplemental/css/owncloud.css

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,23 @@
6060
align-items: center;
6161
}
6262

63+
/* Site title in the top bar, next to the logo (matches doc.owncloud.com).
64+
The stock default UI has no .navbar-title rule, so define it here. */
65+
.navbar-title {
66+
color: #fff;
67+
font-size: 0.88889rem;
68+
line-height: 1.2;
69+
padding-left: 0.75rem;
70+
border-left: 1px solid hsla(0, 0%, 100%, 0.35);
71+
}
72+
73+
/* Hide the title on narrow screens so it never crowds the logo/search. */
74+
@media screen and (max-width: 768.5px) {
75+
.navbar-brand .navbar-logo .navbar-title {
76+
display: none;
77+
}
78+
}
79+
6380
/* Branded footer (partials/footer.hbs), mirroring doc.owncloud.com.
6481
Navy surface with three link columns + centered logo and copyright.
6582
Selectors are qualified as `footer.footer` to match the stock UI's own

ui/supplemental/partials/header-content.hbs

Lines changed: 5 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
<div class="navbar-brand">
44
<a class="navbar-item navbar-logo" href="{{{or site.url siteRootPath}}}">
55
<img src="{{{uiRootPath}}}/img/logo.svg" alt="{{site.title}}" class="navbar-logo-img">
6+
<span class="navbar-title">{{site.title}}</span>
67
</a>
78
<div class="navbar-item search hide-for-print">
89
{{!-- Pagefind Component UI modal search. The trigger opens the modal
@@ -15,17 +16,12 @@
1516
<pagefind-modal-trigger></pagefind-modal-trigger>
1617
<pagefind-modal reset-on-close></pagefind-modal>
1718
</div>
18-
<button class="navbar-burger" aria-controls="topbar-nav" aria-expanded="false" aria-label="Toggle main menu">
19-
<span></span>
20-
<span></span>
21-
<span></span>
22-
</button>
19+
{{!-- No navbar-burger: it only existed to fold the external ownCloud.com /
20+
Support links on narrow screens. Those links now live in the footer,
21+
so there is nothing to collapse. (Matches doc.owncloud.com.) --}}
2322
</div>
2423
<div id="topbar-nav" class="navbar-menu">
25-
<div class="navbar-end">
26-
<a class="navbar-item" href="https://owncloud.com">ownCloud.com</a>
27-
<a class="navbar-item" href="https://owncloud.com/support/">Support</a>
28-
</div>
24+
<div class="navbar-end"></div>
2925
</div>
3026
</nav>
3127
</header>

0 commit comments

Comments
 (0)