Small screen and identity select styling

Fixes #236
This commit is contained in:
Andrew Godwin 2022-12-23 22:46:27 -07:00
parent 6be1e7df44
commit 2a79f34f8a
2 changed files with 6 additions and 6 deletions

View file

@ -155,6 +155,7 @@ header {
}
header .logo {
display: inline-block;
font-family: "Raleway";
font-weight: bold;
background: var(--color-highlight);
@ -166,6 +167,8 @@ header .logo {
color: var(--color-text-main);
border-bottom: 3px solid rgba(0, 0, 0, 0);
z-index: 10;
overflow: hidden;
white-space: nowrap;
}
.no-sidebar header .logo {
@ -991,7 +994,8 @@ table.metadata td .emoji {
}
.view-options a {
margin: 0 10px 0 0;
display: inline-block;
margin: 0 10px 5px 0;
padding: 4px 12px;
color: var(--color-text-duller);
background: var(--color-bg-box);

View file

@ -11,6 +11,7 @@
{{ identity.html_name_or_handle }}
<small>@{{ identity.handle }}</small>
</span>
<button class="right secondary" _="on click go to url {{ identity.urls.view }} then halt">View</button>
</a>
{% empty %}
<p class="option empty">You have no identities.</p>
@ -18,10 +19,5 @@
<a href="/identity/create/" class="option new">
<i class="fa-solid fa-plus"></i> Create a new identity
</a>
{% if request.identity %}
<a href="{{ request.identity.urls.view }}" class="option new">
<i class="fa-solid fa-eye"></i> View current profile page ({{ request.identity.name }})
</a>
{% endif %}
</section>
{% endblock %}