Skip to content

Commit 9935b6f

Browse files
authored
Fix navbar links alignment (#69)
1 parent ba55e28 commit 9935b6f

File tree

1 file changed

+24
-35
lines changed

1 file changed

+24
-35
lines changed

templates/components/navbar.html

+24-35
Original file line numberDiff line numberDiff line change
@@ -69,15 +69,10 @@
6969
{% if is_admin() %}
7070
<li class="nav-item">
7171
<a class="nav-link" href="{{ url_for('admin.view') }}">
72-
<span
73-
class="d-block"
74-
data-bs-toggle="tooltip"
75-
data-bs-placement="bottom"
76-
title="Admin Panel"
77-
>
78-
<i class="fas fa-wrench d-none d-md-block d-lg-none"></i>
72+
<span data-bs-toggle="tooltip" data-bs-placement="bottom" title="Admin Panel">
73+
<i class="fas fa-wrench d-none d-md-inline d-lg-none"></i>
7974
</span>
80-
<span class="d-sm-block d-md-none d-lg-block">
75+
<span class="d-sm-inline d-md-none d-lg-inline">
8176
<i class="fas fa-wrench pe-1"></i>
8277
{% trans %}Admin Panel{% endtrans %}
8378
</span>
@@ -87,13 +82,10 @@
8782

8883
<li class="nav-item">
8984
<a class="nav-link" href="{{ url_for('views.notifications') }}">
90-
<span
91-
class="d-block" data-bs-toggle="tooltip" data-bs-placement="bottom"
92-
title="Notifications"
93-
>
94-
<i class="fas fa-bell d-none d-md-block d-lg-none"></i>
85+
<span data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications">
86+
<i class="fas fa-bell d-none d-md-inline d-lg-none"></i>
9587
</span>
96-
<span class="d-sm-block d-md-none d-lg-block">
88+
<span class="d-sm-inline d-md-none d-lg-inline">
9789
<i class="fas fa-bell pe-1"></i>
9890
<span x-data x-show="$store.unread_count > 0" x-text="$store.unread_count" class="badge rounded-pill bg-danger badge-notification"></span>
9991
{% trans %}Notifications{% endtrans %}
@@ -104,10 +96,10 @@
10496
{% if Configs.user_mode == "teams" %}
10597
<li class="nav-item">
10698
<a class="nav-link" href="{{ url_for('teams.private') }}">
107-
<span class="d-block" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Team">
108-
<i class="fas fa-users d-none d-md-block d-lg-none"></i>
99+
<span data-bs-toggle="tooltip" data-bs-placement="bottom" title="Team">
100+
<i class="fas fa-users d-none d-md-inline d-lg-none"></i>
109101
</span>
110-
<span class="d-sm-block d-md-none d-lg-block">
102+
<span class="d-sm-inline d-md-none d-lg-inline">
111103
<i class="fas fa-users pe-1"></i>
112104
{% trans %}Team{% endtrans %}
113105
</span>
@@ -117,10 +109,10 @@
117109

118110
<li class="nav-item">
119111
<a class="nav-link" href="{{ url_for('users.private') }}">
120-
<span class="d-block" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Profile">
121-
<i class="fas fa-user-circle d-none d-md-block d-lg-none"></i>
112+
<span data-bs-toggle="tooltip" data-bs-placement="bottom" title="Profile">
113+
<i class="fas fa-user-circle d-none d-md-inline d-lg-none"></i>
122114
</span>
123-
<span class="d-sm-block d-md-none d-lg-block">
115+
<span class="d-sm-inline d-md-none d-lg-inline">
124116
<i class="fas fa-user-circle pe-1"></i>
125117
{% trans %}Profile{% endtrans %}
126118
</span>
@@ -129,10 +121,10 @@
129121

130122
<li class="nav-item">
131123
<a class="nav-link" href="{{ url_for('views.settings') }}">
132-
<span class="d-block" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Settings">
133-
<i class="fas fa-cogs d-none d-md-block d-lg-none"></i>
124+
<span data-bs-toggle="tooltip" data-bs-placement="bottom" title="Settings">
125+
<i class="fas fa-cogs d-none d-md-inline d-lg-none"></i>
134126
</span>
135-
<span class="d-sm-block d-md-none d-lg-block">
127+
<span class="d-sm-inline d-md-none d-lg-inline">
136128
<i class="fas fa-cogs pe-1"></i>
137129
{% trans %}Settings{% endtrans %}
138130
</span>
@@ -141,10 +133,10 @@
141133

142134
<li class="nav-item">
143135
<a class="nav-link" href="{{ url_for('auth.logout') }}">
144-
<span class="d-block" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Logout">
145-
<i class="fas fa-sign-out-alt d-none d-md-block d-lg-none"></i>
136+
<span data-bs-toggle="tooltip" data-bs-placement="bottom" title="Logout">
137+
<i class="fas fa-sign-out-alt d-none d-md-inline d-lg-none"></i>
146138
</span>
147-
<span class="d-sm-block d-md-none d-lg-block">
139+
<span class="d-sm-inline d-md-none d-lg-inline">
148140
<i class="fas fa-sign-out-alt pe-1"></i><span class="d-lg-none">
149141
{% trans %}Logout{% endtrans %}
150142
</span>
@@ -156,13 +148,10 @@
156148
{% if registration_visible() %}
157149
<li class="nav-item">
158150
<a class="nav-link" href="{{ url_for('auth.register') }}">
159-
<span
160-
class="d-block" data-bs-toggle="tooltip" data-bs-placement="bottom"
161-
title="Register"
162-
>
163-
<i class="fas fa-user-plus d-none d-md-block d-lg-none"></i>
151+
<span data-bs-toggle="tooltip" data-bs-placement="bottom" title="Register">
152+
<i class="fas fa-user-plus d-none d-md-inline d-lg-none"></i>
164153
</span>
165-
<span class="d-sm-block d-md-none d-lg-block">
154+
<span class="d-sm-inline d-md-none d-lg-inline">
166155
<i class="fas fa-user-plus pe-1"></i>
167156
{% trans %}Register{% endtrans %}
168157
</span>
@@ -172,10 +161,10 @@
172161

173162
<li class="nav-item">
174163
<a class="nav-link" href="{{ url_for('auth.login') }}">
175-
<span class="d-block" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Login">
176-
<i class="fas fa-sign-in-alt d-none d-md-block d-lg-none"></i>
164+
<span data-bs-toggle="tooltip" data-bs-placement="bottom" title="Login">
165+
<i class="fas fa-sign-in-alt d-none d-md-inline d-lg-none"></i>
177166
</span>
178-
<span class="d-sm-block d-md-none d-lg-block">
167+
<span class="d-sm-inline d-md-none d-lg-inline">
179168
<i class="fas fa-sign-in-alt pe-1"></i>
180169
{% trans %}Login{% endtrans %}
181170
</span>

0 commit comments

Comments
 (0)