Skip to content

Commit d6592af

Browse files
committed
fix map z-indez and links scroll in Information and in Events
1 parent e5f4e47 commit d6592af

5 files changed

Lines changed: 22 additions & 8 deletions

File tree

apps/commons/static/commons/css/base.scss

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@ body {
2626
.header-page {
2727
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04);
2828
background-color: $header-bg;
29+
z-index: 99;
2930
}
3031

3132
.content-page {
@@ -51,7 +52,7 @@ body {
5152
max-width: 47rem;
5253
}
5354
}
54-
/
55+
5556

5657
.footer-page {
5758
background-color: $footer-bg;
@@ -95,6 +96,7 @@ body {
9596
width: 100%;
9697
z-index: 1;
9798

99+
98100
& .notification {
99101
width: $notification-width;
100102
margin-left: auto;
@@ -103,6 +105,9 @@ body {
103105
margin-bottom: 0;
104106
}
105107
}
108+
.message {
109+
scroll-margin-top: $header-height + 1rem;
110+
}
106111

107112
.container {
108113
padding-top: 2rem;

apps/commons/static/commons/css/variables.scss

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,8 @@ $content-heading-weight: 500;
3838
$radius: 0.15rem;
3939
$navbar-height: 4.3rem;
4040

41+
$section-title-margin-bottom: 2.1rem;
42+
4143
$box-radius: $radius;
4244
$box-padding: 1.5rem;
4345
$box-shadow: $default-box-shadow;

apps/events/static/events/css/event/general.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
.section-title {
99
color: $blue-text;
1010
text-align: center;
11-
margin-bottom: 2.1rem;
11+
margin-bottom: $section-title-margin-bottom;
1212
}
1313

1414
.section-detail {

apps/events/static/events/css/event/venue.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,4 +52,11 @@
5252
.venue-youtube {
5353
text-align: center;
5454
}
55+
#event-map{
56+
z-index: 0;
57+
}
58+
}
59+
60+
.anchor {
61+
scroll-margin-top: 2.1rem;
5562
}

apps/events/templates/events/event.html

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,7 @@ <h1 class="title is-1">{{ event.name }}</h1>
6969
</section>
7070

7171

72-
<section id="speakers" class="section speakers">
72+
<section id="speakers" class="section speakers anchor">
7373
<div class="container">
7474
<h1 class="title section-title dyn-anchor-heading">
7575
Ponentes
@@ -106,7 +106,7 @@ <h2 class="speaker-name">{{ speaker.name }} {{ speaker.surname }}</h2>
106106
</section>
107107

108108

109-
<section id="schedule" class="section schedule has-background-white">
109+
<section id="schedule" class="section schedule has-background-white anchor">
110110
<div class="container">
111111
<h1 class="title section-title dyn-anchor-heading">
112112
<p>
@@ -144,7 +144,7 @@ <h1 class="title section-title dyn-anchor-heading">
144144
</section>
145145

146146

147-
<section id="venue" class="section venue">
147+
<section id="venue" class="section venue anchor">
148148
<div class="container">
149149
<h1 class="title section-title dyn-anchor-heading">
150150
Localización
@@ -155,7 +155,7 @@ <h1 class="title section-title dyn-anchor-heading">
155155
{% if event.venue %}
156156
<div class="column is-12-tablet is-6-desktop">
157157
{% if event.venue.is_online %}
158-
<div class="venue-youtube">
158+
<div class="venue-youtube map-section">
159159
<img src="{{ assets|get_asset_key:'events/img/youtube-logo.png' }}">
160160
</div>
161161
{% else %}
@@ -214,7 +214,7 @@ <h1 class="title section-title dyn-anchor-heading">
214214
</section>
215215

216216

217-
<section id="sponsors" class="section sponsors has-background-white">
217+
<section id="sponsors" class="section sponsors has-background-white anchor">
218218
<div class="container">
219219
<h1 class="title section-title dyn-anchor-heading">
220220
Entidades
@@ -247,7 +247,7 @@ <h2 class="category-title subtitle is-5 has-text-centered">{{ category.display_n
247247
</div>
248248
</section>
249249

250-
<section id="past-events" class="section past-events">
250+
<section id="past-events" class="section past-events anchor">
251251
<div class="container">
252252
<h1 class="title section-title dyn-anchor-heading">
253253
Eventos pasados

0 commit comments

Comments
 (0)