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

reduced size of user button, increased profile icon size

Browse source
This commit is contained in:
booploops 2021-12-04 14:18:55 -08:00
parent 3885ecfe83
commit 682da2eb31
2 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -174,8 +174,8 @@
<div class="sidebar-user-text"> <div class="sidebar-user-text">
<template v-if="chrome.userinfo.attributes"> <template v-if="chrome.userinfo.attributes">
<div class="fullname">{{ chrome.userinfo.attributes.name }}</div> <div class="fullname text-overflow-elipsis">{{ chrome.userinfo.attributes.name }}</div>
<div class="handle-text">@{{ chrome.userinfo.attributes.handle }}</div> <div class="handle-text text-overflow-elipsis">@{{ chrome.userinfo.attributes.handle }}</div>
</template> </template>
<template v-else> <template v-else>
Sign in Sign in

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

@ -271,7 +271,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
.app-sidebar-button { .app-sidebar-button {
width: 100%; width: 100%;
padding: 8px; padding: 0px;
font-family: inherit; font-family: inherit;
display: flex; display: flex;
border-radius: 6px; border-radius: 6px;
@ -283,13 +283,14 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
} }
.app-sidebar-button > .sidebar-user-icon { .app-sidebar-button > .sidebar-user-icon {
width: 26px; width: 32px;
height: 26px; height: 32px;
border-radius: 100%; border-radius: 100%;
background-image: var(--artwork); background-image: var(--artwork);
margin: 2px; margin: 10px;
flex: 0 0 auto; flex: 0 0 auto;
box-shadow: var(--mediaItemShadow); box-shadow: var(--mediaItemShadow);
background-size: contain;
} }
.app-sidebar-button > .sidebar-user-text { .app-sidebar-button > .sidebar-user-text {