From 1cf9a20b4f17b6f3d3782d80ffcd62899bfd3ac2 Mon Sep 17 00:00:00 2001
From: yhira <yhira@ma.mrr.jp>
Date: Sun, 26 Nov 2023 18:06:54 +0900
Subject: [PATCH] =?UTF-8?q?=E3=80=8C=E5=A4=A7=E3=81=8D=E3=81=AA=E3=82=B5?=
 =?UTF-8?q?=E3=83=A0=E3=83=8D=E3=82=A4=E3=83=AB=E3=81=AB=E3=82=BF=E3=82=A4?=
 =?UTF-8?q?=E3=83=88=E3=83=AB=E3=82=92=E9=87=8D=E3=81=AD=E3=82=8B=E3=80=8D?=
 =?UTF-8?q?=E3=81=A8=E3=82=B9=E3=83=8B=E3=83=9A=E3=83=83=E3=83=88=E3=81=8C?=
 =?UTF-8?q?=E6=AC=A0=E3=81=91=E3=81=A6=E8=A1=A8=E7=A4=BA=E3=81=95=E3=82=8C?=
 =?UTF-8?q?=E3=82=8B=E5=A0=B4=E5=90=88=E3=81=8C=E3=81=82=E3=82=8B=E4=B8=8D?=
 =?UTF-8?q?=E5=85=B7=E5=90=88=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 amp.css           | 12 ++++++++++--
 css/admin.css     | 24 ++++++++++++++++++++----
 scss/_widget.scss | 14 ++++++++++++--
 style.css         | 12 ++++++++++--
 4 files changed, 52 insertions(+), 10 deletions(-)

diff --git a/amp.css b/amp.css
index f8f396a9c..918920eda 100644
--- a/amp.css
+++ b/amp.css
@@ -2551,6 +2551,12 @@ label.screen-reader-text {
 .widget-entry-cards.large-thumb-on .e-card {
   position: relative;
 }
+.widget-entry-cards.large-thumb-on .card-title {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+}
 .widget-entry-cards.large-thumb-on .card-content {
   margin: 0;
   position: absolute;
@@ -2559,12 +2565,14 @@ label.screen-reader-text {
   padding: 0.6em;
   background: linear-gradient(180deg, transparent, #555);
   color: var(--cocoon-white-color);
-  max-height: 40%;
-  overflow: hidden;
   transition: all 0.5s;
 }
 .widget-entry-cards.large-thumb-on .card-snippet {
   margin: 0;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
 }
 
 /************************************
diff --git a/css/admin.css b/css/admin.css
index d8da787bf..0b9f9c4d2 100644
--- a/css/admin.css
+++ b/css/admin.css
@@ -2802,6 +2802,12 @@ body.wp-admin {
 .admin-settings .demo .widget-entry-cards.large-thumb-on .e-card {
   position: relative;
 }
+.admin-settings .demo .widget-entry-cards.large-thumb-on .card-title {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+}
 .admin-settings .demo .widget-entry-cards.large-thumb-on .card-content {
   margin: 0;
   position: absolute;
@@ -2810,12 +2816,14 @@ body.wp-admin {
   padding: 0.6em;
   background: linear-gradient(180deg, transparent, #555);
   color: var(--cocoon-white-color);
-  max-height: 40%;
-  overflow: hidden;
   transition: all 0.5s;
 }
 .admin-settings .demo .widget-entry-cards.large-thumb-on .card-snippet {
   margin: 0;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
 }
 .admin-settings .demo .widget-entry-cards.ranking-visible {
   counter-reset: p-rank;
@@ -10891,6 +10899,12 @@ body.wp-admin {
 .admin-settings .demo .widget-entry-cards.large-thumb-on .e-card {
   position: relative;
 }
+.admin-settings .demo .widget-entry-cards.large-thumb-on .card-title {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+}
 .admin-settings .demo .widget-entry-cards.large-thumb-on .card-content {
   margin: 0;
   position: absolute;
@@ -10899,12 +10913,14 @@ body.wp-admin {
   padding: 0.6em;
   background: linear-gradient(180deg, transparent, #555);
   color: var(--cocoon-white-color);
-  max-height: 40%;
-  overflow: hidden;
   transition: all 0.5s;
 }
 .admin-settings .demo .widget-entry-cards.large-thumb-on .card-snippet {
   margin: 0;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
 }
 .admin-settings .demo .widget-entry-cards.ranking-visible {
   counter-reset: p-rank;
diff --git a/scss/_widget.scss b/scss/_widget.scss
index 3b46bb6a2..cbb8b680c 100644
--- a/scss/_widget.scss
+++ b/scss/_widget.scss
@@ -267,6 +267,13 @@ label.screen-reader-text{
     position: relative;
   }
 
+  .card-title {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+  }
+
   .card-content{
     margin: 0;
     position: absolute;
@@ -275,14 +282,17 @@ label.screen-reader-text{
     padding: .6em;
     background: linear-gradient(180deg, transparent, #555);
     color: var(--cocoon-white-color);
-    max-height: 40%;
-    overflow: hidden;
+    // max-height: 40%;
     transition: all 0.5s;
   }
 
 
   .card-snippet{
     margin: 0;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
   }
 }
 
diff --git a/style.css b/style.css
index 08723474a..4b16b634e 100644
--- a/style.css
+++ b/style.css
@@ -2576,6 +2576,12 @@ label.screen-reader-text {
 .widget-entry-cards.large-thumb-on .e-card {
   position: relative;
 }
+.widget-entry-cards.large-thumb-on .card-title {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+}
 .widget-entry-cards.large-thumb-on .card-content {
   margin: 0;
   position: absolute;
@@ -2584,12 +2590,14 @@ label.screen-reader-text {
   padding: 0.6em;
   background: linear-gradient(180deg, transparent, #555);
   color: var(--cocoon-white-color);
-  max-height: 40%;
-  overflow: hidden;
   transition: all 0.5s;
 }
 .widget-entry-cards.large-thumb-on .card-snippet {
   margin: 0;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
 }
 
 /************************************