diff options
4 files changed, 9 insertions, 8 deletions
diff --git a/css/At.scss b/css/At.scss index 055701755..e8328160c 100644 --- a/css/At.scss +++ b/css/At.scss @@ -111,11 +111,11 @@ // Override "max-width: 180px", as that makes the autocompletion panel too // narrow. .atwho-view { - max-width: unset; + max-width: 300px; + min-width: 250px; // mention height: 48 * visible mentions: 4.5 max-height: 216px; } - // Override max height to show 4.5 mentions to make clear you can scroll for more options .atwho-ul { // (padding top: 4 + avatar height: 48 + padding bottom: 4) * visible mentions: 4.5 diff --git a/src/components/AvatarWrapper/AvatarWrapper.vue b/src/components/AvatarWrapper/AvatarWrapper.vue index b12ec03ee..e813ab490 100644 --- a/src/components/AvatarWrapper/AvatarWrapper.vue +++ b/src/components/AvatarWrapper/AvatarWrapper.vue @@ -109,7 +109,7 @@ export default { <style lang="scss" scoped> .avatar-wrapper { - $avatar-size: 32px; + $avatar-size: 44px; height: $avatar-size; width: $avatar-size; @import '../../assets/avatar.scss'; diff --git a/src/components/RightSidebar/Participants/ParticipantsList/Participant/LoadingParticipant.vue b/src/components/RightSidebar/Participants/ParticipantsList/Participant/LoadingParticipant.vue index 714f8851c..f6bd9a099 100644 --- a/src/components/RightSidebar/Participants/ParticipantsList/Participant/LoadingParticipant.vue +++ b/src/components/RightSidebar/Participants/ParticipantsList/Participant/LoadingParticipant.vue @@ -36,8 +36,8 @@ export default { <style lang="scss" scoped> .participant-loading { - $icon-size: 32px; - height: 44px; + $icon-size: 44px; + height: 56px; list-style-type: none; padding-left: 4px; margin: 5px 0; diff --git a/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue b/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue index da4f1cd1e..0eded4066 100644 --- a/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue +++ b/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue @@ -30,7 +30,7 @@ @click="handleClick"> <AvatarWrapper :id="computedId" - size="44" + :size="44" :name="computedName" :source="participant.source" :offline="isOffline" /> @@ -295,7 +295,8 @@ export default { padding: 0 4px; &__user-wrapper { - margin-left: 24px; + margin-top: -4px; + margin-left: 12px; width: calc(100% - 96px); display: flex; flex-direction: column; @@ -320,7 +321,7 @@ export default { white-space: nowrap; } &__icon { - width: 32px; + width: 44px; height: 44px; cursor: pointer; } |