github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-22 13:41:31 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: restyle main nav on mobile (#28094)

Browse Source
This commit is contained in:
chapoi 2024-07-26 19:54:09 +02:00 committed by GitHub
parent beb7c98eee
commit 3e6b5a16a6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/javascripts/discourse/app/components/navigation-bar.hbs
View File

@ -1,8 +1,10 @@
{{#if this.site.mobileView}}
<li class="navigation-toggle">
<a href {{on "click" this.toggleDrop}} class="toggle-link">
{{this.selectedNavItem.displayName}}
{{d-icon "caret-down"}}
<span
class="toggle-link__text"
>{{this.selectedNavItem.displayName}}</span>
{{d-icon "discourse-chevron-expand"}}
</a>
</li>
{{#if this.expanded}}

22
app/assets/stylesheets/mobile/topic-list.scss
View File

@ -45,6 +45,25 @@
position: relative;
.navigation-toggle {
flex: 0 1 auto;
border: 0;
.toggle-link {
font-size: var(--font-up-1-rem);
font-weight: bold;
color: var(--primary-high);
padding: 0;
&:hover,
&:focus {
background: none;
}
.d-icon {
color: inherit;
font-size: var(--font-down-2);
margin-left: 0.5em;
}
}
}
> li {
margin-right: 0;
@ -460,6 +479,9 @@ td .main-link {
}
}
.topic-list {
&-body {
border-width: 1px;
}
.num.posts-map {
font-size: var(--font-up-2);
padding: 0;