hippoz/waffle
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix presence sidebar alignment

Browse source
This commit is contained in:
hippoz 2022-09-20 23:49:34 +03:00
parent 73fd353965
commit b1c64d3f58
Signed by: hippoz
GPG key ID: 7C52899193467641
2 changed files with 4 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
frontend/public/global.css
View file

@ -360,15 +360,6 @@ body {
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.sidebar-button .sidebar-button-icon {
display: inline;
flex-shrink: 0;
/* TODO: HACK! */
width: 24px;
height: 24px;
}
.sidebar-button .icon-button { .sidebar-button .icon-button {
display: none; display: none;
} }

8
frontend/src/components/PresenceSidebar.svelte
View file

@ -15,14 +15,14 @@
<div class="sidebar"> <div class="sidebar">
{#each $presenceStore as entry (entry.user.id)} {#each $presenceStore as entry (entry.user.id)}
<button class="sidebar-button"> <button class="sidebar-button">
<div class="sidebar-button-icon material-icons-outlined">alternate_email</div> <div class="material-icons-outlined">alternate_email</div>
<span>{ entry.user.username }</span> <span class="sidebar-button-text">{ entry.user.username }</span>
</button> </button>
{/each} {/each}
{#if $smallViewport} {#if $smallViewport}
<button on:click={ close } class="sidebar-button"> <button on:click={ close } class="sidebar-button">
<div class="sidebar-button-icon material-icons-outlined">arrow_back</div> <div class="material-icons-outlined">arrow_back</div>
<span>Back</span> <span class="sidebar-button-text">Back</span>
</button> </button>
{/if} {/if}
</div> </div>