From d4e4c1bdd73388ef01901d1fd4c69a5c2866daae Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Martin=20Ra=C4=8D=C3=A1k?= Date: Fri, 13 Dec 2024 11:06:47 +0100 Subject: [PATCH 1/3] Fix stretched DI images on a small screen --- site/gdocs/components/LatestDataInsights.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/site/gdocs/components/LatestDataInsights.scss b/site/gdocs/components/LatestDataInsights.scss index 9bb6d853d9b..46aaca067a0 100644 --- a/site/gdocs/components/LatestDataInsights.scss +++ b/site/gdocs/components/LatestDataInsights.scss @@ -85,7 +85,10 @@ html:not(.js-enabled) .latest-data-insights__card, .latest-data-insights__card-left { display: flex; - height: 100%; + + picture { + display: flex; // Fix extra padding at the bottom. + } img { height: 100%; @@ -93,6 +96,7 @@ html:not(.js-enabled) .latest-data-insights__card, max-width: initial; @include md-down { + height: auto; max-width: 100%; } } From c700c8242cba6efefffb4922b5ce5e7da9026141 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Martin=20Ra=C4=8D=C3=A1k?= Date: Fri, 13 Dec 2024 11:07:38 +0100 Subject: [PATCH 2/3] Fix styles after making latest DI dots non-interactive --- site/gdocs/components/LatestDataInsights.scss | 2 -- 1 file changed, 2 deletions(-) diff --git a/site/gdocs/components/LatestDataInsights.scss b/site/gdocs/components/LatestDataInsights.scss index 46aaca067a0..de6c0c442bf 100644 --- a/site/gdocs/components/LatestDataInsights.scss +++ b/site/gdocs/components/LatestDataInsights.scss @@ -213,10 +213,8 @@ html:not(.js-enabled) .latest-data-insights__card, .latest-data-insights__dot { background-color: $blue-30; - touch-action: manipulation; display: inline-flex; text-decoration: none; - cursor: pointer; border: 0; padding: 0; margin: 0; From d7ef89269e640b23e146e19a70fa0c46ab7954db Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Martin=20Ra=C4=8D=C3=A1k?= Date: Fri, 13 Dec 2024 11:08:16 +0100 Subject: [PATCH 3/3] Fix latest DI overflow for tall images --- site/gdocs/components/LatestDataInsights.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/site/gdocs/components/LatestDataInsights.scss b/site/gdocs/components/LatestDataInsights.scss index de6c0c442bf..1d4c1d0f6ca 100644 --- a/site/gdocs/components/LatestDataInsights.scss +++ b/site/gdocs/components/LatestDataInsights.scss @@ -107,6 +107,7 @@ html:not(.js-enabled) .latest-data-insights__card, flex-direction: column; height: 100%; min-height: 0; + overflow: hidden; } .latest-data-insights__card-body { @@ -127,6 +128,7 @@ html:not(.js-enabled) .latest-data-insights__card, ); } } + .latest-data-insights__card-continue { @include body-3-medium;