patch: pr7945 and pr8006 (#8087)

* fix(ContentCard): fix height of ContentCard content (#7945) (cherry picked from commit 09a9c40) * fix(PanelHeader): hide separator with transparent PanelHeader (#8006) * fix(PanelHeader): hide separator with transparent PanelHeader * fix(PanelHeader): run prettier (cherry picked from commit c22b02b)
VKCOM · Dec 16, 2024 · e886ea6 · e886ea6
1 parent ea87d2b
commit e886ea6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/vkui/src/components/ContentCard/ContentCard.module.css b/packages/vkui/src/components/ContentCard/ContentCard.module.css
@@ -11,6 +11,7 @@
   border-radius: var(--vkui--size_card_border_radius--regular);
   text-decoration: none;
   color: var(--vkui--color_text_primary);
+  block-size: 100%;
   display: block;
 }
 

diff --git a/packages/vkui/src/components/PanelHeader/PanelHeader.module.css b/packages/vkui/src/components/PanelHeader/PanelHeader.module.css
@@ -248,7 +248,8 @@
 }
 
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-.vkcom.sizeXRegular:not(:global(.vkuiInternalModalPageHeader__in)):not(.sep) .in::after {
+.vkcom.sizeXRegular:not(:global(.vkuiInternalModalPageHeader__in)):not(.sep):not(.trnsp)
+  .in::after {
   position: absolute;
   inset-inline: var(--vkui--size_border--regular);
   inset-block-end: 0;
@@ -259,7 +260,7 @@
 
 @media (--sizeX-regular) {
   /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-  .vkcom.sizeXNone:not(:global(.vkuiInternalModalPageHeader__in)):not(.sep) .in::after {
+  .vkcom.sizeXNone:not(:global(.vkuiInternalModalPageHeader__in)):not(.sep):not(.trnsp) .in::after {
     position: absolute;
     inset-inline: var(--vkui--size_border--regular);
     inset-block-end: 0;
@@ -270,7 +271,7 @@
 }
 
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-.vkcom.sizeXRegular:not(:global(.vkuiInternalModalPageHeader__in)) .in {
+.vkcom.sizeXRegular:not(:global(.vkuiInternalModalPageHeader__in)):not(.trnsp) .in {
   border-start-start-radius: var(--vkui--size_border_radius_paper--regular);
   border-start-end-radius: var(--vkui--size_border_radius_paper--regular);
   box-shadow: 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha) inset;
@@ -279,7 +280,7 @@
 
 @media (--sizeX-regular) {
   /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-  .vkcom.sizeXNone:not(:global(.vkuiInternalModalPageHeader__in)) .in {
+  .vkcom.sizeXNone:not(:global(.vkuiInternalModalPageHeader__in)):not(.trnsp) .in {
     border-start-start-radius: var(--vkui--size_border_radius_paper--regular);
     border-start-end-radius: var(--vkui--size_border_radius_paper--regular);
     box-shadow: 0 0 0 var(--vkui--size_border--regular) var(--vkui--color_field_border_alpha) inset;