Skip to content

Commit

Permalink
Allow to use gradientin Panel background (#6736) (#6757)
Browse files Browse the repository at this point in the history
- Чтобы была возможность применить градиент к фону `Panel` через токен используем свойство `background` вместо `background-color`.
- Убираем `Panel::before`, так как не несет за собой никакой функции. Описывая фон, её полностью перекрывает `Panel__in`, в том числе не видно разницы в режиме нескольких колонок, со скролом на странице, с разным значением `aria-inset`.
  • Loading branch information
mendrew authored Mar 26, 2024
1 parent d11dca3 commit 133e1f4
Showing 1 changed file with 8 additions and 21 deletions.
29 changes: 8 additions & 21 deletions packages/vkui/src/components/Panel/Panel.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,6 @@
block-size: 100%;
}

.Panel::before {
position: absolute;
inline-size: 100%;
block-size: 100%;
inset-inline-start: 0;
inset-block-start: 0;
content: '';
}

.Panel__in {
position: relative;
box-sizing: border-box;
Expand Down Expand Up @@ -97,24 +88,20 @@
margin-block-start: -1px;
}

.Panel .Panel__in,
.Panel::before {
background-color: var(--vkui--color_background_content);
.Panel .Panel__in {
background: var(--vkui--color_background_content);
}

.Panel--layout-card .Panel__in,
.Panel--layout-card::before {
background-color: var(--vkui--color_background);
.Panel--layout-card .Panel__in {
background: var(--vkui--color_background);
}

.Panel--sizeX-regular .Panel__in,
.Panel--sizeX-regular::before {
background-color: transparent;
.Panel--sizeX-regular .Panel__in {
background: transparent;
}

@media (--sizeX-regular) {
.Panel--sizeX-none .Panel__in,
.Panel--sizeX-none::before {
background-color: transparent;
.Panel--sizeX-none .Panel__in {
background: transparent;
}
}

0 comments on commit 133e1f4

Please sign in to comment.