kubernetes
/
website
mirror of https://github.com/kubernetes/website.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix banner image scaling on Case Studies pages (#43056) 

* image flow is synchronized with the responsive design.

* Update single.html

* Update quote.html

* fixed banner image
pull/41981/head
alok0277 2023-10-09 15:53:07 +05:30 committed by GitHub
parent 0c63fb814b
commit 4e0c6cbf9b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/case-studies/single.html
View File

@ -4,7 +4,7 @@
{{ else }} {{ else }}
{{ if .Params.new_case_study_styles }} {{ if .Params.new_case_study_styles }}
<!-- Heading --> <!-- Heading -->
<div class="banner {{ if .Params.use_gradient_overlay }}overlay{{ end }}" {{ if isset .Params "heading_background" }}style="background-image: url({{ .Params.heading_background }})"{{ end }}> <div class="banner {{ if .Params.use_gradient_overlay }}overlay{{ end }}" {{ if isset .Params "heading_background" }}style="background-image: url({{ .Params.heading_background }});"{{ end }}>
<h1> <h1>
<span class="heading">{{ .Params.title_prefix | default "CASE STUDY:" }}</span> <span class="heading">{{ .Params.title_prefix | default "CASE STUDY:" }}</span>
{{- if isset .Params "heading_title_logo" -}} {{- if isset .Params "heading_title_logo" -}}

2
layouts/shortcodes/case-studies/quote.html
View File

@ -1,5 +1,5 @@
{{ if .Get "image" }} {{ if .Get "image" }}
<div class="quote banner {{ if $.Page.Params.use_gradient_overlay }}overlay{{ end }}" style="background-image: url({{ .Get "image" }})"> <div class="quote banner {{ if $.Page.Params.use_gradient_overlay }}overlay{{ end }}" style="background-image: url({{ .Get "image" }});">
{{ else }} {{ else }}
<div class="quote banner"> <div class="quote banner">
{{ end }} {{ end }}

3
static/css/new-case-studies.css
View File

@ -66,7 +66,8 @@ h4[id]:before {
padding-left: 11.9%; padding-left: 11.9%;
padding-right: 11.9%; padding-right: 11.9%;
font-size: 1.2em; font-size: 1.2em;
background-size: 100% auto; background-position: center;
background-size: cover;
background-color: #666; background-color: #666;
background-repeat: no-repeat; background-repeat: no-repeat;
} }