From 49f7f748aba35e3c745da0c88ed5be218dd0c266 Mon Sep 17 00:00:00 2001 From: bellord13 Date: Wed, 25 Aug 2021 17:12:19 +0300 Subject: [PATCH] fix --- assets/flex-kit/flex-kit.css | 18 ++++++-- tests/flex-card/product-list-item.php | 49 ++++++++++++++++++++ tests/flex-card/product-list.php | 65 +++++++++++++++++++++++++++ tests/flex-card/product.svg | 3 ++ 4 files changed, 132 insertions(+), 3 deletions(-) create mode 100644 tests/flex-card/product-list-item.php create mode 100644 tests/flex-card/product-list.php create mode 100644 tests/flex-card/product.svg diff --git a/assets/flex-kit/flex-kit.css b/assets/flex-kit/flex-kit.css index 6fb9203..17342c9 100644 --- a/assets/flex-kit/flex-kit.css +++ b/assets/flex-kit/flex-kit.css @@ -714,7 +714,7 @@ script, style { display: flex; flex-direction: column; justify-content: stretch; - border-width: 1px; + border-width: 0; border-style: solid; border-color: #e9e9e9; /*border-radius: 3px;*/ @@ -724,6 +724,18 @@ script, style { /*padding-bottom: calc(var(--gap-inner) / 2);*/ /*padding-top: calc(var(--gap-inner) / 2);*/ } +.flex-card__border { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border-width: 1px; + border-style: solid; + border-color: transparent; + display: block; + pointer-events: none; +} .flex-card__content:after, .flex-card__body:before, .flex-card__body:after { @@ -733,7 +745,7 @@ script, style { flex-grow: 0; flex-shrink: 0; } -.flex-card__content > *:empty { +.flex-card__content > *:not(.flex-card__border):empty { display: none; } .flex-card__header { @@ -764,7 +776,7 @@ script, style { opacity: 0; visibility: hidden; } -.flex-card.flex-card--hover:hover .flex-card__content { +.flex-card:hover .flex-card__content { height: auto; z-index: 100; } diff --git a/tests/flex-card/product-list-item.php b/tests/flex-card/product-list-item.php new file mode 100644 index 0000000..8671785 --- /dev/null +++ b/tests/flex-card/product-list-item.php @@ -0,0 +1,49 @@ + + +
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+
diff --git a/tests/flex-card/product-list.php b/tests/flex-card/product-list.php new file mode 100644 index 0000000..9e8b204 --- /dev/null +++ b/tests/flex-card/product-list.php @@ -0,0 +1,65 @@ + + + + + + + + + 1, + 'name' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit Ab accusamus aliquid, consequuntur corporis ducimus', + 'hover' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit Ab accusamus aliquid, consequuntur corporis ducimus', + 'image_preview' => './product.svg', + 'image_detail' => '', + 'text_preview' => 'asdas asdas dasdasd', + 'tickets' => [ + [ + 'code' => 'news', + 'name' => 'Новинка' + ], + [ + 'code' => 'discount', + 'name' => 'Скидка' + ] + ] +]); + +?> + +
+
+ +
+

Каталог

+
+ +
+ + + +
+
+
+ \ No newline at end of file diff --git a/tests/flex-card/product.svg b/tests/flex-card/product.svg new file mode 100644 index 0000000..033962b --- /dev/null +++ b/tests/flex-card/product.svg @@ -0,0 +1,3 @@ + + +