Skip to content

Commit 334ed3a

Browse files
committed
Fix "Mobile tag alignment events". There was an issue in the promobar because it had a fixed height. This has been changed to a min-heigth and the margins of the blue background for the promobar have been setup differently to be easier to read and maintain.
1 parent dcf45f5 commit 334ed3a

2 files changed

Lines changed: 13 additions & 15 deletions

File tree

assets/scss/templates/_main.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ input[type="checkbox"] {
8484
padding-bottom: 3rem;
8585
}
8686
.promobar-mobile-desktop-layout{
87-
height: 50px;
87+
min-height: 50px;
8888
align-items: center;
8989
justify-content: center;
9090
}
@@ -156,7 +156,7 @@ input[type="checkbox"] {
156156
padding-bottom: 1rem;
157157
}
158158
.promobar-mobile-desktop-layout{
159-
height: 100px;
159+
min-height: 100px;
160160
}
161161
.mobile-desktop-margin{
162162
padding-top: 3rem;

layouts/shortcodes/promo_bar.html

Lines changed: 11 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,17 @@
11
{{ $_hugo_config := `{ "version": 1 }` }}
22
{{$param := int (.Get "index")}}
33
{{ with index .Page.Params.promo_bar $param }}
4-
<div id={{.id}} class="container-fluid mt-0 p-0">
5-
<div class="shadow bg-lightblue">
6-
<div class="row promobar-mobile-desktop-layout">
7-
<div class="d-flex justify-center align-items-center px-5 link__force-underline mx-auto">
8-
<span class="mr-3" style="font-size:16px; color:#005aa7;">
9-
{{ .content | markdownify }}
10-
</span>
11-
{{if .iframe }}
12-
<span>
13-
<iframe src={{.iframe}} frameborder="0" scrolling="0" width="150" height="20" title="GitHub"></iframe>
14-
</span>
15-
{{ end }}
16-
</div>
4+
<div id={{.id}} class="container-fluid mt-0 p-0 shadow bg-lightblue">
5+
<div class="row promobar-mobile-desktop-layout">
6+
<div class="d-flex justify-center align-items-center py-4 px-5 link__force-underline mx-auto">
7+
<span style="font-size:16px; color:#005aa7;">
8+
{{ .content | markdownify }}
9+
</span>
10+
{{if .iframe }}
11+
<span class="ml-2">
12+
<iframe src={{.iframe}} frameborder="0" scrolling="0" width="150" height="20" title="GitHub"></iframe>
13+
</span>
14+
{{ end }}
1715
</div>
1816
</div>
1917
</div>

0 commit comments

Comments
 (0)