From 2f4c9648e6173ac1ef50f85122c02c3f966d8b81 Mon Sep 17 00:00:00 2001 From: Fanit Kolchina Date: Wed, 1 Nov 2023 14:07:27 -0400 Subject: [PATCH 1/2] Make images responsive by default Signed-off-by: Fanit Kolchina --- _sass/_opensearch.scss | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/_sass/_opensearch.scss b/_sass/_opensearch.scss index 304c9779fa..d8524c7bd1 100644 --- a/_sass/_opensearch.scss +++ b/_sass/_opensearch.scss @@ -174,6 +174,7 @@ $max-container: 1440px; .author-photo { width: 180px; height: auto; + border: none; } @@ -193,17 +194,20 @@ $max-container: 1440px; } } -.img-fluid { +img { max-width: 100%; - height: auto; border: 1px solid $line-lighter; } + +.img-fluid { + height: auto; +} + .img-centered { - max-width: 100%; margin: 0 auto; display: block; - border: 1px solid $line-lighter; } + .downloads-page { .layout-2col { .col { From 750f8ae42c0d703eff9643336a3b8527904a0332 Mon Sep 17 00:00:00 2001 From: Fanit Kolchina Date: Fri, 3 Nov 2023 09:32:25 -0400 Subject: [PATCH 2/2] Make only images inside blogs responsive Signed-off-by: Fanit Kolchina --- _sass/_opensearch.scss | 22 +++++++++++++--------- 1 file changed, 13 insertions(+), 9 deletions(-) diff --git a/_sass/_opensearch.scss b/_sass/_opensearch.scss index d8524c7bd1..b06f9e5f1a 100644 --- a/_sass/_opensearch.scss +++ b/_sass/_opensearch.scss @@ -174,7 +174,6 @@ $max-container: 1440px; .author-photo { width: 180px; height: auto; - border: none; } @@ -194,20 +193,17 @@ $max-container: 1440px; } } -img { +.img-fluid { max-width: 100%; + height: auto; border: 1px solid $line-lighter; } - -.img-fluid { - height: auto; -} - .img-centered { + max-width: 100%; margin: 0 auto; display: block; + border: 1px solid $line-lighter; } - .downloads-page { .layout-2col { .col { @@ -381,9 +377,17 @@ img { border-top: 1px solid $line; } } + #content-main .artifact-group:first-child h2 { border-top: none; } + +#content-main { + img { + max-width: 100%; + } +} + .artifact-container { display: flex; flex-flow: row wrap; @@ -629,4 +633,4 @@ dl.definition-list__same-line-definition { flex-basis: 100%; } } -} +} \ No newline at end of file