okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added user profile image, added user @ handle

Browse source
This commit is contained in:
booploops 2021-12-04 14:16:54 -08:00
parent 4328821eff
commit 3885ecfe83
2 changed files with 24 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

11
resources/cider-ui-tests/index.html
View file

@ -165,12 +165,17 @@
<div class="app-sidebar-footer">
<input type="range" class="display--small">
<button class="app-sidebar-button" style="width:100%" @click="chrome.menuOpened = !chrome.menuOpened">
<div class="sidebar-user-icon">
<template v-if="chrome.userinfo.attributes">
<div class="sidebar-user-icon"
:style="{'--artwork': getMediaItemArtwork(chrome.userinfo.attributes['artwork']['url'], 26)}">
</div>
<div class="sidebar-user-text" id="userName">
</template>
<div class="sidebar-user-text">
<template v-if="chrome.userinfo.attributes">
{{ chrome.userinfo.attributes.name }}
<div class="fullname">{{ chrome.userinfo.attributes.name }}</div>
<div class="handle-text">@{{ chrome.userinfo.attributes.handle }}</div>
</template>
<template v-else>
Sign in

18
resources/cider-ui-tests/style.css
View file

@ -283,12 +283,13 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
}
.app-sidebar-button > .sidebar-user-icon {
width: 22px;
height: 22px;
width: 26px;
height: 26px;
border-radius: 100%;
background: var(--keyColor);
background-image: var(--artwork);
margin: 2px;
flex: 0 0 auto;
box-shadow: var(--mediaItemShadow);
}
.app-sidebar-button > .sidebar-user-text {
@ -296,6 +297,17 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
display: flex;
font-size: 16px;
margin: 6px 12px;
flex-direction: column;
}
.app-sidebar-button > .sidebar-user-text .fullname {
text-align: left;
}
.app-sidebar-button > .sidebar-user-text .handle-text {
font-size: 12px;
opacity: 0.7;
text-align: left;
}
.app-sidebar-content {