WEBDIENSTE/huly-platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2026-09-12 12:47:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

UBERF-10248: Reduce profile preview size (#8723)

Browse Source 
Signed-off-by: Artem Savchenko <armisav@gmail.com>
This commit is contained in:
Artyom Savchenko
2025-04-28 11:51:42 +05:00
committed by GitHub
parent ac249c8273
commit 76a425ba98
6 changed files with 15 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/theme/styles/components.scss
+6 -12
View File
@@ -147,7 +147,7 @@
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10,13.5c0-1.9,1.6-3.5,3.5-3.5c1,0,1.9,0.4,2.5,1.1V0H0v16h11.1C10.4,15.4,10,14.5,10,13.5z' /%3E%3C/svg%3E");
&.hulyAvatarSize-large {
mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Ccircle cx='69' cy='69' r='11' /%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='57' cy='57' r='9' /%3E%3C/svg%3E"),
linear-gradient(#000 0 0);
mask-composite: exclude;
}
@@ -266,9 +266,8 @@
.ava-text { font-size: 2.75rem; }
&.modern {
width: 5rem;
.ava-text { font-size: 3rem; }
width: 4rem; // 64 - 56
.ava-text { font-size: 2.5rem; }
}
}
.hulyAvatarSize-x-large {
@@ -327,19 +326,14 @@
&:not(.small-font) {
&.medium {
width: 13px;
&.modern {
right: 4px;
bottom: 4px;
width: 14px;
}
}
}
.small-font &.medium {
width: 11px;
&.modern {
width: 13px;
right: 3px;
bottom: 3px;
width: 12px;
right: 0px;
bottom: 0px;
}
}
&.large {
plugins/achievement-resources/src/components/PersonAchievementsPresenter.svelte
+1
View File
@@ -46,5 +46,6 @@
padding: 0.625rem 0.5rem 0 0.5rem;
order: 1;
margin-bottom: -0.5rem;
}
</style>
plugins/contact-resources/src/components/AvatarInstance.svelte
+1 -1
View File
@@ -108,7 +108,7 @@
>
{#if url && !imgError}
<img
class="hulyAvatarSize-{size} ava-image {disabled ? 'disabled' : ''}"
class="hulyAvatarSize-{size} ava-image {disabled ? 'disabled' : ''} {style}"
src={url}
{srcset}
alt={''}
plugins/contact-resources/src/components/person/DeactivatedHeader.svelte
+1 -1
View File
@@ -57,7 +57,7 @@
}
.deactivated-header {
width: 22.5rem;
width: 20rem;
align-self: stretch;
padding-left: 1rem;
padding-right: 1rem;
plugins/contact-resources/src/components/person/EmployeePreviewPopup.svelte
+2 -2
View File
@@ -74,7 +74,7 @@
</div>
<div slot="content">
{#if !disabled}
<div class="flex-presenter cursor-default flex-gap-2 p-2">
<div class="flex-presenter cursor-default flex-gap-2 p-3">
<Avatar
size="large"
person={employee}
@@ -86,7 +86,7 @@
clickable
on:click={viewProfile}
/>
<div class="flex-col flex-gap-0-5">
<div class="flex-col flex-gap-0-5 pl-1">
<div class="status-container" />
<EmployeePresenter value={employee} shouldShowAvatar={false} showPopup={false} compact accent />
<span class="flex-presenter cursor-default">
plugins/contact-resources/src/components/person/ModernProfilePopup.svelte
+4 -4
View File
@@ -50,7 +50,7 @@
flex-direction: column;
align-items: flex-start;
padding: 0;
width: 22.5rem;
width: 20rem;
}
.content,
.content {
@@ -80,7 +80,7 @@
.image-container {
/* image-container */
width: 100%;
min-height: 9rem;
min-height: 8rem;
display: flex;
/* Inside auto layout */
@@ -88,7 +88,7 @@
order: 0;
align-self: stretch;
flex-grow: 0;
margin: -1.875rem 0;
margin: -1.75rem 0;
z-index: -100;
}
@@ -110,7 +110,7 @@
right: 0;
top: 0;
bottom: 0;
height: 9rem;
height: 7.25rem;
border-radius: 0;
background-size: contain;