Don't abuse &nbsp for spacing in header; use CSS instead.

Thanks, @emsenn!
This commit is contained in:
McBrayer 2019-01-30 10:53:14 -05:00
parent c4c3117caa
commit f1a7da0039
4 changed files with 23 additions and 13 deletions

View File

@ -239,3 +239,8 @@ input#id_poll_frequency
text-decoration-line: underline; text-decoration-line: underline;
text-decoration-style: dotted; text-decoration-style: dotted;
} }
a.navbar-item span:nth-child(2):before
{
content: " ";
}

View File

@ -223,3 +223,8 @@ body.has-navbar-fixed-top, html.has-navbar-fixed-top {
text-decoration-line: underline; text-decoration-line: underline;
text-decoration-style: dotted; text-decoration-style: dotted;
} }
a.navbar-item span:nth-child(2):before
{
content: " ";
}

View File

@ -58,7 +58,7 @@
{% endif %} {% endif %}
</head> </head>
<body ic-global-include='{"csrfmiddlewaretoken": "{{ csrf_token }}"}'> <body ic-global-include='{"csrfmiddlewaretoken": "{{ csrf_token }}"}'>
<div id="page-load-indicator">&nbsp</div> <div id="page-load-indicator"></div>
<div id="new-toot-modal" class="modal"></div> <div id="new-toot-modal" class="modal"></div>
{% block navbar %} {% block navbar %}
<nav class="navbar is-primary" role="navigation" <nav class="navbar is-primary" role="navigation"
@ -82,7 +82,7 @@
<div class="navbar-start"> <div class="navbar-start">
<a href="{% url "home" %}" class="navbar-item"> <a href="{% url "home" %}" class="navbar-item">
<span class="fa fa-home"></span> <span class="fa fa-home"></span>
<span>&nbsp; Home</span> <span>Home</span>
</a> </a>
<a class="navbar-item" href="{% url "note" %}"> <a class="navbar-item" href="{% url "note" %}">
<span class="fa fa-bell-o"></span> <span class="fa fa-bell-o"></span>
@ -96,53 +96,53 @@
class="badge" class="badge"
{% endif %} {% endif %}
data-badge="{{ notifications }}"> data-badge="{{ notifications }}">
&nbsp; Notifications</span> Notifications</span>
</span> </span>
{% elif notifications and preferences.notifications %} {% elif notifications and preferences.notifications %}
<span ic-src="{% url 'notes_count' %}" <span ic-src="{% url 'notes_count' %}"
ic-poll="{{ preferences.poll_frequency }}s" ic-poll="{{ preferences.poll_frequency }}s"
ic-target="this" ic-target="this"
ic-select-from-response="#notes-count"> ic-select-from-response="#notes-count">
<span >&nbsp; Notifications ({{ notifications }})</span> <span >Notifications ({{ notifications }})</span>
</span> </span>
{% else %} {% else %}
<span >&nbsp; Notifications</span> <span >Notifications</span>
{% endif %} {% endif %}
</a> </a>
<a class="navbar-item" href="{% url "local" %}"> <a class="navbar-item" href="{% url "local" %}">
<span class="fa fa-community"></span> <span class="fa fa-community"></span>
<span >&nbsp; Local</span> <span >Local</span>
</a> </a>
<a class="navbar-item" href="{% url "fed" %}"> <a class="navbar-item" href="{% url "fed" %}">
<span class="fa fa-globe"></span> <span class="fa fa-globe"></span>
<span >&nbsp;Federated</span> <span >Federated</span>
</a> </a>
<a class="navbar-item" href="{% url "toot" %}" <a class="navbar-item" href="{% url "toot" %}"
ic-get-from="{% url "toot" %}" ic-get-from="{% url "toot" %}"
ic-target="#new-toot-modal" ic-target="#new-toot-modal"
ic-on-complete="$('#new-toot-modal').toggleClass('is-active');"> ic-on-complete="$('#new-toot-modal').toggleClass('is-active');">
<span class="fa fa-edit"> </span> <span class="fa fa-edit"> </span>
<span >&nbsp; New Toot</span> <span >New Toot</span>
</a> </a>
<a class="navbar-item" href="{% url "search" %}" <a class="navbar-item" href="{% url "search" %}"
ic-get-from="{% url "search" %}" ic-get-from="{% url "search" %}"
ic-target="#new-toot-modal" ic-target="#new-toot-modal"
ic-on-complete="$('#new-toot-modal').toggleClass('is-active');"> ic-on-complete="$('#new-toot-modal').toggleClass('is-active');">
<span class="fa fa-search"> </span> <span class="fa fa-search"> </span>
<span >&nbsp; Search</span> <span >Search</span>
</a> </a>
</div> </div>
<div class="navbar-end" > <div class="navbar-end" >
<a class="navbar-item" href="{% url "settings" %}"> <a class="navbar-item" href="{% url "settings" %}">
<span class="fa fa-gear"></span> <span class="fa fa-gear"></span>
<span >&nbsp;Settings</span> <span >Settings</span>
</a> </a>
<a class="navbar-item" href="{% url "logout" %}" <a class="navbar-item" href="{% url "logout" %}"
ic-get-from="{% url "logout" %}" ic-get-from="{% url "logout" %}"
ic-target="body" ic-target="body"
ic-confirm="Are you sure you want to log out?"> ic-confirm="Are you sure you want to log out?">
<span class="fa fa-power-off"></span> <span class="fa fa-power-off"></span>
<span >&nbsp;Log out</span> <span >Log out</span>
</a> </a>
</div> </div>
</div> </div>

View File

@ -5,9 +5,9 @@
class="badge" class="badge"
{% endif %} {% endif %}
data-badge="{{ notifications }}"> data-badge="{{ notifications }}">
&nbsp; Notifications</span> Notifications</span>
</span> </span>
{% else %} {% else %}
<span >&nbsp; Notifications ({{ notifications }})</span> <span >Notifications ({{ notifications }})</span>
{% endif %} {% endif %}
</span> </span>