poignatov/play-life
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

5.13.0: Карточки проектов и желаний на экране недели
All checks were successful
Build and Push Docker Image / build-and-push (push) Successful in 1m10s
Details

Browse Source
This commit is contained in:
poignatov
2026-03-05 12:42:52 +03:00
parent 2b7b056562
commit 7fdcbb75da
5 changed files with 90 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
play-life-web/src/components/CurrentWeek.css
View File

@@ -175,19 +175,34 @@
cursor: not-allowed;
}
/* Внешний контейнер для карточки проекта */
/* Внешний контейнер для карточки проекта — без общей тени и рамки */
.project-card-wrapper {
border: 1px solid #e0e4ed;
border-radius: 1.5rem;
transition: all 0.3s;
box-shadow: 0 1px 3px 0 rgb(99 102 241 / 0.08);
background-color: #eef0f7;
background-color: transparent;
}
.project-card-wrapper:hover {
/* Карточка с инфой по проекту — своя тень */
.project-card-inner {
box-shadow: 0 1px 3px 0 rgb(99 102 241 / 0.08);
transition: box-shadow 0.3s;
}
.project-card-inner:hover {
box-shadow: 0 2px 6px 0 rgb(99 102 241 / 0.12);
}
/* Блок с инфой по проекту: при наличии желаний убираем нижние закругления и добавляем отступ снизу */
.project-card-inner-with-wishes {
border-radius: 1.5rem 1.5rem 0 0 !important;
margin-bottom: 0.5rem;
}
/* Блок списка желаний: отдельная карточка со своей тенью */
.project-wishes-block {
background-color: #fff;
border-radius: 0 0 1.5rem 1.5rem;
box-shadow: 0 1px 3px 0 rgb(99 102 241 / 0.08);
}
/* Стили для горизонтального скролла желаний в карточке проекта */
.project-wishes-scroll {
display: flex;
@@ -226,6 +241,7 @@
border-radius: 8px;
overflow: hidden;
position: relative;
container-type: inline-size;
}
.mini-wish-image img {
@@ -236,14 +252,37 @@
.mini-wish-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.4);
inset: 0;
z-index: 1;
background: rgba(255, 255, 255, 0.65);
pointer-events: none;
}
/* Текст баллов поверх пелены (отдельный слой, выше по z-index) */
.mini-wish-unlock-points {
position: absolute;
top: 0;
left: 4px;
right: 4px;
bottom: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: calc(100% - 8px);
max-width: calc(100% - 8px);
color: #5b6b8a;
/* font-size задаётся в JS по количеству цифр (auto-size) */
font-weight: 700;
line-height: 1.2;
pointer-events: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
text-align: center;
}
.mini-wish-placeholder {
width: 100%;
height: 100%;