diff --git a/_layouts/participant.html b/_layouts/participant.html index 6bce200..3e9e804 100644 --- a/_layouts/participant.html +++ b/_layouts/participant.html @@ -2,6 +2,10 @@ layout: page lang: en ref: going-online +parentEn: /rf2020/participants/ +parentFr: /fr/rf2020/participants/ +parentNameEn: participants +parentNameFr: intervenants ---
diff --git a/_sass/includes/back-button.scss b/_sass/includes/back-button.scss new file mode 100644 index 0000000..540e438 --- /dev/null +++ b/_sass/includes/back-button.scss @@ -0,0 +1,27 @@ +.back-button { + position: fixed; + display: block; + top: var(--size-32); + background-color: white; + padding: var(--size-24) var(--size-16); + left: 5%; + text-decoration: none; + z-index: 1; + border: 1px solid var(--colour-grey-light); + border-radius: 1px; + + span { + margin-bottom: var(--size-8); + font-weight: normal; + } + + @include touch { + margin: 0; + padding: var(--size-16) var(--size-16); + left: var(--size-8); + } + + @include darkMode { + border-color: var(--colour-graphite); + } +} diff --git a/_sass/layouts/participant.scss b/_sass/layouts/participant.scss index 57ac173..3c24e5c 100644 --- a/_sass/layouts/participant.scss +++ b/_sass/layouts/participant.scss @@ -8,7 +8,7 @@ } img.participant-profile { - max-width: 252px; + max-width: 300px; } @include touch { @@ -25,3 +25,16 @@ } } } + +.participant, +.event { + .post-header { + h2 { + margin-right: var(--size-32); + } + + img.participant-profile { + max-width: 252px; + } + } +} diff --git a/assets/css/index.scss b/assets/css/index.scss index 1d2fb9d..4ad984e 100644 --- a/assets/css/index.scss +++ b/assets/css/index.scss @@ -21,6 +21,7 @@ @import 'includes/scrollbar'; @import 'includes/header'; @import 'includes/footer'; +@import 'includes/back-button'; @import 'pages/home'; @import 'pages/about'; @import 'pages/how-to-participate';