elixir-toolkit-theme 1.20.1 → 1.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 6b2909f9d288cb7fddbb90ff05c04339e2fffa7eb94c290fa8c6baaec1badd92
4
- data.tar.gz: 22396fd3c9652c9d19285b6b548857128655be3570a09f28221d55455304c9ea
3
+ metadata.gz: 522b75fb5cbd62f6fb5d66bae29c0f5929e413e2118c18fce4bc5b74032a615d
4
+ data.tar.gz: 16ba53cdbd49866b5df059376caaa7a795f7b3c2bfe00ba8b0fcc8f1e2a85c9b
5
5
  SHA512:
6
- metadata.gz: 7bdaf4ca8cfbdd068efffc25a999bca9f7c7d3a106873d2d500911c52dea81050cf19f95f50a8d068e0e0fad7672bc4cbf3385f9f5578147514227249811e915
7
- data.tar.gz: bb262a939975cb2804390a527d2c1dbb65a45f990a251cab104086cf2736643935a771832c468095659ac77c5b9e0e1c99129faeb31e765d524215c9b7a4be13
6
+ metadata.gz: 7b0509a4ff1137056575618b593017d69b63a61177d6d0c06370bb08f2428ea27d443a00e0bc0b92bca2acd7e0e78f189f360eb0b2a4519c185d565e5472d614
7
+ data.tar.gz: c457c46790682514abcd7e244be34141cab319611f54b25c91e5e0e76d209006eed117bb126d33a5298f840555ea00b2fbd1a046f8690c7ecdf84f4170fd90fe
data/README.md CHANGED
@@ -1,4 +1,5 @@
1
- [![Gem Version](https://badge.fury.io/rb/elixir-toolkit-theme.svg)](https://badge.fury.io/rb/elixir-toolkit-theme) [![Jekyll site CI](https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/actions/workflows/jekyll.yml/badge.svg)](https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/actions/workflows/jekyll.yml)
1
+ [![Gem Version](https://badge.fury.io/rb/elixir-toolkit-theme.svg)](https://badge.fury.io/rb/elixir-toolkit-theme) [![Jekyll site CI](https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/actions/workflows/jekyll.yml/badge.svg)](https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/actions/workflows/jekyll.yml) [![DOI](https://zenodo.org/badge/421495867.svg)](https://zenodo.org/badge/latestdoi/421495867)
2
+
2
3
 
3
4
  <p align="center">
4
5
  <img src="assets/img/main_logo.svg" width="100" float="center"/>
@@ -5,44 +5,8 @@
5
5
  {%- assign page_contributors = page.contributors | sort %}
6
6
  {%- for contributor in page_contributors %}
7
7
  {%- assign id = contributors[contributor].git | default: 'no_github' %}
8
- {%- capture html_code %}
9
- {%- assign stripped_name = contributor | replace: "'", "" %}
10
- <div class="card">
11
- {%- assign id = contributors[contributor].git | default: 'no_github' %}
12
- <div class="position-relative d-flex justify-content-center">
13
- {%- if contributors[contributor].image_url %}
14
- <img src="{{ contributors[contributor].image_url }}" class="card-img-top p-3 rounded-circle contributor-img" alt="{{ stripped_name }}">
15
- {%- else %}
16
- <img src="https://avatars.githubusercontent.com/{{id}}" class="card-img-top p-3 rounded-circle contributor-img" alt="{{ stripped_name }}">
17
- {%- endif %}
18
- {%- if contributors[contributor].role %}
19
- <span class="badge position-absolute top-0 end-0">{{ contributors[contributor].role | capitalize }}</span>
20
- {%- endif %}
21
- </div>
22
- <div class="card-body text-center py-0">
23
- <p class="card-title">{{ stripped_name }}</p>
24
- {%- if contributors[contributor].affiliation %}
25
- <p class="card-affiliation">{{ contributors[contributor].affiliation | replace: "'", "’" }}</p>
26
- {%- endif %}
27
- </div>
28
- {%- if contributors[contributor].git or contributors[contributor].email or contributors[contributor].orcid %}
29
- <div class="card-footer">
30
- <div class="d-flex justify-content-center">
31
- {%- if contributors[contributor].git %}
32
- <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://github.com/{{id}}"><i class="fa-brands fa-github"></i></a></div>
33
- {%- endif %}
34
- {%- if contributors[contributor].email %}
35
- <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="mailto:{{contributors[contributor].email}}"><i class="fa-solid fa-envelope"></i></a></div>
36
- {%- endif %}
37
- {%- if contributors[contributor].orcid %}
38
- <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://orcid.org/{{contributors[contributor].orcid}}"><i class="fa-brands fa-orcid"></i></a></div>
39
- {%- endif %}
40
- </div>
41
- </div>
42
- {%- endif %}
43
- </div>
44
- {%- endcapture %}
45
- <a tabindex="0" role="button" class="btn btn-sm contributor-link hover-primary m-1 position-relative" data-bs-html="true" data-bs-trigger="focus" data-bs-container="body" data-bs-template='<div class="popover shadow border-0 contributor-cards" role="tooltip"><div class="popover-body p-0"></div></div>' data-bs-toggle="popover" data-bs-placement="top" data-bs-content='{{html_code}}'>
8
+ <div class="dropdown d-inline-block">
9
+ <button class="btn btn-sm dropdown-toggle contributor-link d-flex hover-primary m-1 position-relative" type="button" data-bs-toggle="dropdown" aria-expanded="false">
46
10
  <div class="d-flex align-items-center">
47
11
  <div class="flex-shrink-0">
48
12
  {%- if contributors[contributor].image_url %}
@@ -60,12 +24,52 @@
60
24
  {%- if coordinator == contributor %}
61
25
  <div class="position-absolute top-0 start-100 translate-middle">
62
26
  <div class="rounded-circle coordinator-crown">
27
+ <a data-bs-toggle="tooltip" data-bs-original-title="Coordinator of the {{page.title}} page.">
63
28
  <i class="fa-solid fa-crown"></i>
29
+ </a>
64
30
  </div>
65
31
  </div>
66
32
  {%- endif %}
67
33
  {%- endfor %}
68
34
  {%- endif %}
69
- </a>{%- endfor %}
35
+ </button>
36
+ <div class="dropdown-menu shadow p-0 border-0 contributor-cards">
37
+ {%- assign stripped_name = contributor | replace: "'", "’" %}
38
+ <div class="card">
39
+ {%- assign id = contributors[contributor].git | default: 'no_github' %}
40
+ <div class="position-relative d-flex justify-content-center">
41
+ {%- if contributors[contributor].image_url %}
42
+ <img src="{{ contributors[contributor].image_url }}" class="card-img-top p-3 rounded-circle" alt="{{ stripped_name }}">
43
+ {%- else %}
44
+ <img src="https://avatars.githubusercontent.com/{{id}}" class="card-img-top p-3 rounded-circle" alt="{{ stripped_name }}">
45
+ {%- endif %}
46
+ {%- if contributors[contributor].role %}
47
+ <span class="badge position-absolute top-0 end-0">{{ contributors[contributor].role | capitalize }}</span>
48
+ {%- endif %}
49
+ </div>
50
+ <div class="card-body text-center py-0">
51
+ <p class="card-title">{{ stripped_name }}</p>
52
+ {%- if contributors[contributor].affiliation %}
53
+ <p class="card-affiliation">{{ contributors[contributor].affiliation | replace: "'", "’" }}</p>
54
+ {%- endif %}
55
+ </div>
56
+ {%- if contributors[contributor].git or contributors[contributor].email or contributors[contributor].orcid %}
57
+ <div class="card-footer">
58
+ <div class="d-flex justify-content-center">
59
+ {%- if contributors[contributor].git %}
60
+ <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://github.com/{{id}}"><i class="fa-brands fa-github"></i></a></div>
61
+ {%- endif %}
62
+ {%- if contributors[contributor].email %}
63
+ <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="mailto:{{contributors[contributor].email}}"><i class="fa-solid fa-envelope"></i></a></div>
64
+ {%- endif %}
65
+ {%- if contributors[contributor].orcid %}
66
+ <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://orcid.org/{{contributors[contributor].orcid}}"><i class="fa-brands fa-orcid"></i></a></div>
67
+ {%- endif %}
68
+ </div>
69
+ </div>
70
+ {%- endif %}
71
+ </div>
72
+ </div>
73
+ </div>{%- endfor %}
70
74
  </div>
71
75
  {%- endif %}
data/_includes/head.html CHANGED
@@ -40,7 +40,7 @@
40
40
  <!-- Font Awesome -->
41
41
  <link rel="stylesheet" type="text/css" href="{{ 'assets/css/all.min.css' | relative_url }}">
42
42
  <!-- Main css file -->
43
- <link rel="stylesheet" href="{{ 'assets/css/main.css' | relative_url }}">
43
+ <link rel="stylesheet" href="{{ 'assets/css/main.css' | relative_url }}?{{site.time | date: '%s'}}">
44
44
  {%- if site.theme_variables.fonts.size != 0 %}
45
45
  <!-- Main font(s) -->
46
46
  {%- for font in site.theme_variables.fonts %}
@@ -49,33 +49,33 @@
49
49
  <div class="card h-100 info-card">
50
50
  <div class="card-header fw-bold">Training</div>
51
51
  <div class="card-body">
52
- <ul class="list-unstyled">
52
+ <div class="d-grid gap-2">
53
53
  {%- for training in page.training %}
54
- <li class="d-grid">
55
- <a class="btn bg-white hover-primary text-start" href="{{ training.url }}">
56
- <div class="row g-1">
57
- <div class="col-2 d-flex align-items-center justify-content-center">
58
- {%- assign registry = training.registry | downcase %}
59
- {%- if registry == "tess" %}
60
- <img alt="TeSS logo" class="img-fluid" src="{{ 'assets/img/tess_logo.svg' | relative_url }}">
61
- {%- elsif registry == "zenodo" %}
62
- <img alt="Zenodo logo" class="img-fluid" src="{{ 'assets/img/zenodo_logo.svg' | relative_url }}">
63
- {%- elsif registry == "youtube" %}
64
- <img alt="Youtube logo" class="img-fluid" src="{{ 'assets/img/youtube_logo.svg' | relative_url }}">
65
- {%- elsif registry == "carpentries" %}
66
- <img alt="Carpentries" class="img-fluid" src="{{ 'assets/img/carpentries_logo.svg' | relative_url }}">
67
- {%- else %}
68
- <i class="fa-solid fa-external-link-alt text-primary fs-5"></i>
69
- {%- endif %}
70
- </div>
71
- <div class="col-10 d-flex align-items-center">
72
- <span class="text-start">{{training.name}}</span>
73
- </div>
54
+ <a class="btn bg-white hover-primary text-start d-block" href="{{ training.url }}">
55
+ <div class="row g-1">
56
+ <div class="col-2 d-flex align-items-center justify-content-center">
57
+ {%- assign registry = training.registry | downcase %}
58
+ {%- if registry == "tess" %}
59
+ <img alt="TeSS logo" class="img-fluid" src="{{ 'assets/img/tess_logo.svg' | relative_url }}">
60
+ {%- elsif registry == "zenodo" %}
61
+ <img alt="Zenodo logo" class="img-fluid" src="{{ 'assets/img/zenodo_logo.svg' | relative_url }}">
62
+ {%- elsif registry == "youtube" %}
63
+ <img alt="YouTube logo" class="img-fluid" src="{{ 'assets/img/youtube_logo.svg' | relative_url }}">
64
+ {%- elsif registry == "carpentries" %}
65
+ <img alt="Carpentries" class="img-fluid" src="{{ 'assets/img/carpentries_logo.svg' | relative_url }}">
66
+ {%- elsif registry == "github" %}
67
+ <i class="fa-brands fa-github text-dark fa-2xl my-3"></i>
68
+ {%- else %}
69
+ <i class="fa-solid fa-external-link-alt text-primary fa-lg my-3"></i>
70
+ {%- endif %}
74
71
  </div>
75
- </a>
76
- </li>
72
+ <div class="col-10 d-flex align-items-center">
73
+ <span class="text-start">{{training.name}}</span>
74
+ </div>
75
+ </div>
76
+ </a>
77
77
  {%- endfor %}
78
- </ul>
78
+ </div>
79
79
  </div>
80
80
  </div>
81
81
  </div>
@@ -86,72 +86,64 @@
86
86
  <div class="card h-100 info-card">
87
87
  <div class="card-header fw-bold">Links to other ELIXIR resources</div>
88
88
  <div class="card-body">
89
- <ul class="list-unstyled">
89
+ <div class="d-grid gap-2">
90
90
  {%- if actual_faircookbook %}
91
91
  {%- for recipe in page.faircookbook %}
92
- <li class="d-grid">
93
- <a class="btn bg-white hover-primary text-start" data-bs-toggle="tooltip" data-bs-placement="right" title="FAIRCookbook" href="{{ recipe.url }}">
94
- <div class="row g-1">
95
- <div class="col-2 d-flex align-items-center justify-content-center">
96
- <img alt="FAIRCookbook logo" class="img-fluid" src="{{ 'assets/img/fairplus_compact_logo.svg' | relative_url }}">
97
- </div>
98
- <div class="col-10 d-flex align-items-center">
99
- <span class="text-start">Step-by-step process for: {{recipe.name}}</span>
100
- </div>
92
+ <a class="btn bg-white hover-primary text-start d-block" data-bs-toggle="tooltip" data-bs-placement="right" title="FAIRCookbook" href="{{ recipe.url }}">
93
+ <div class="row g-1">
94
+ <div class="col-2 d-flex align-items-center justify-content-center">
95
+ <img alt="FAIRCookbook logo" class="img-fluid" src="{{ 'assets/img/fairplus_compact_logo.svg' | relative_url }}">
96
+ </div>
97
+ <div class="col-10 d-flex align-items-center">
98
+ <span class="text-start">Step-by-step process for: {{recipe.name}}</span>
101
99
  </div>
102
- </a>
103
- </li>
100
+ </div>
101
+ </a>
104
102
  {%- endfor %}
105
103
  {%- endif %}
106
104
  {%- if actual_dsw %}
107
105
  {%- for question in page.dsw %}
108
- <li class="d-grid">
109
- <a class="btn bg-white hover-primary text-start" data-bs-toggle="tooltip" data-bs-placement="right" title="DSW" href="{{ site.dsw_deep_link_prefix | append: question.uuid }}">
110
- <div class="row g-1">
111
- <div class="col-2 d-flex align-items-center justify-content-center">
112
- <img alt="DSW logo" class="img-fluid" src="{{ 'assets/img/dsw_compact_logo.svg' | relative_url }}">
113
- </div>
114
- <div class="col-10 d-flex align-items-center">
115
- <span class="text-start">Support for DMP on: {{question.name}}</span>
116
- </div>
106
+ <a class="btn bg-white hover-primary text-start d-block" data-bs-toggle="tooltip" data-bs-placement="right" title="DSW" href="{{ site.dsw_deep_link_prefix | append: question.uuid }}">
107
+ <div class="row g-1">
108
+ <div class="col-2 d-flex align-items-center justify-content-center">
109
+ <img alt="DSW logo" class="img-fluid" src="{{ 'assets/img/dsw_compact_logo.svg' | relative_url }}">
110
+ </div>
111
+ <div class="col-10 d-flex align-items-center">
112
+ <span class="text-start">Support for DMP on: {{question.name}}</span>
117
113
  </div>
118
- </a>
119
- </li>
114
+ </div>
115
+ </a>
120
116
  {%- endfor %}
121
117
  {%- endif %}
122
118
  {%- if actual_fairsharing %}
123
119
  {%- for standard in page.fairsharing %}
124
- <li class="d-grid">
125
- <a class="btn bg-white hover-primary text-start" data-bs-toggle="tooltip" data-bs-placement="right" title="FAIRsharing" href="{{ standard.url }}">
126
- <div class="row g-1">
127
- <div class="col-2 d-flex align-items-center justify-content-center">
128
- <img alt="FAIRsharing logo" class="img-fluid" src="{{ 'assets/img/fairsharing_compact_logo.svg' | relative_url }}">
129
- </div>
130
- <div class="col-10 d-flex align-items-center">
131
- <span class="text-start">FAIRsharing collection about: {{standard.name}}</span>
132
- </div>
120
+ <a class="btn bg-white hover-primary text-start d-block" data-bs-toggle="tooltip" data-bs-placement="right" title="FAIRsharing" href="{{ standard.url }}">
121
+ <div class="row g-1">
122
+ <div class="col-2 d-flex align-items-center justify-content-center">
123
+ <img alt="FAIRsharing logo" class="img-fluid" src="{{ 'assets/img/fairsharing_compact_logo.svg' | relative_url }}">
133
124
  </div>
134
- </a>
135
- </li>
125
+ <div class="col-10 d-flex align-items-center">
126
+ <span class="text-start">FAIRsharing collection about: {{standard.name}}</span>
127
+ </div>
128
+ </div>
129
+ </a>
136
130
  {%- endfor %}
137
131
  {%- endif %}
138
132
  {%- if actual_rdmkit %}
139
133
  {%- for rdmdoc in page.rdmkit %}
140
- <li class="d-grid">
141
- <a class="btn bg-white hover-primary text-start" data-bs-toggle="tooltip" data-bs-placement="right" title="RDMkit" href="{{ rdmdoc.url }}">
142
- <div class="row g-1">
143
- <div class="col-2 d-flex align-items-center justify-content-center">
144
- <img alt="RDMkit logo" class="img-fluid" src="{{ 'assets/img/rdmkit_compact_logo.svg' | relative_url }}">
145
- </div>
146
- <div class="col-10 d-flex align-items-center">
147
- <span class="text-start">Data management guidelines on: {{rdmdoc.name}}</span>
148
- </div>
134
+ <a class="btn bg-white hover-primary text-start d-block" data-bs-toggle="tooltip" data-bs-placement="right" title="RDMkit" href="{{ rdmdoc.url }}">
135
+ <div class="row g-1">
136
+ <div class="col-2 d-flex align-items-center justify-content-center">
137
+ <img alt="RDMkit logo" class="img-fluid" src="{{ 'assets/img/rdmkit_compact_logo.svg' | relative_url }}">
138
+ </div>
139
+ <div class="col-10 d-flex align-items-center">
140
+ <span class="text-start">Data management guidelines on: {{rdmdoc.name}}</span>
149
141
  </div>
150
- </a>
151
- </li>
142
+ </div>
143
+ </a>
152
144
  {%- endfor %}
153
145
  {%- endif %}
154
- </ul>
146
+ </div>
155
147
  </div>
156
148
  </div>
157
149
  </div>
@@ -17,17 +17,17 @@
17
17
  <div class="card h-100 info-card">
18
18
  <div class="card-header fw-bold">{{ section[0] | replace: "_", " " | capitalize }}</div>
19
19
  <div class="card-body">
20
- <ul class="list-unstyled">
20
+ <div class="d-grid gap-2">
21
21
  {%- for page_id in section[1] %}
22
22
  {%- assign section_pages = site.pages | where:"type", section[0] %}
23
23
  {%- assign metadata = section_pages | where:"page_id", page_id %}
24
24
  {%- for page_hit in metadata %}
25
- <li class="d-grid">
26
- <a class="btn bg-white hover-primary text-start" href="{{ page_hit.url | relative_url }}"><span>{{page_hit.title}}{% if page_hit.description %}</span><br><small class="text-muted">{{ page_hit.description }}</small>{% endif %}</a>
27
- </li>
25
+ <a class="btn bg-white hover-primary text-start d-block" href="{{ page_hit.url | relative_url }}">
26
+ <span>{{page_hit.title}}{% if page_hit.description %}</span><br><small class="text-muted">{{ page_hit.description }}</small>{% endif %}
27
+ </a>
28
28
  {%- endfor %}
29
29
  {%- endfor %}
30
- </ul>
30
+ </div>
31
31
  </div>
32
32
  </div>
33
33
  </div>
@@ -140,12 +140,12 @@
140
140
  <div class="me-3">
141
141
  <span class="me-2"><b><small>Affiliations:</small></b></span>
142
142
  {%- for affiliation in current_page.affiliations %}
143
- {%- assign filter_affiliation = alllogos | where: "name", affiliation %}
143
+ {%- assign filter_affiliation = alllogos | where: "name", affiliation | first %}
144
144
  {%- assign country = affiliation | upcase %}
145
145
  {%- if affiliation.size == 2 %}
146
146
  {%- assign country_link = site.pages | where:"country_code",country | first %}
147
147
  {%- if country_link %}
148
- <a role="button" href="{{'country_link.url' | relative_url}}" data-bs-toggle="tooltip" title="{{allcountries[country]}}" class="btn btn-sm bg-white hover-primary">
148
+ <a role="button" href="{{country_link.url | relative_url}}" data-bs-toggle="tooltip" title="{{allcountries[country]}}" class="btn btn-sm bg-white hover-primary">
149
149
  {%- else %}
150
150
  <a role="button" data-bs-toggle="tooltip" title="{{allcountries[country]}}" class="btn btn-sm bg-white hover-primary disabled" aria-disabled="true">
151
151
  {%- endif %}
@@ -153,14 +153,16 @@
153
153
  <span class="flag-icon flag-icon-{{affiliation | downcase}} align-items-center"></span>
154
154
  </div>
155
155
  </a>
156
- {%- elsif filter_affiliation %}
157
- {%- for result in filter_affiliation %}
158
- <a role="button" href="{{result.url}}" data-bs-toggle="tooltip" data-bs-original-title="{{affiliation}}" class="btn btn-sm bg-white hover-primary">
159
- <img alt="logo of {{result.name}}" src="{{result.image_url | relative_url }}" class="d-inline h-24px">
160
- </a>
161
- {%- endfor %}
156
+ {%- elsif filter_affiliation %}
157
+ <a role="button" href="{{filter_affiliation.url}}" data-bs-toggle="tooltip" data-bs-original-title="{{affiliation}}" class="btn btn-sm bg-white hover-primary">
158
+ {%- if filter_affiliation.image_url %}
159
+ <img alt="logo of {{filter_affiliation.name}}" src="{{filter_affiliation.image_url | relative_url }}" class="d-inline h-24px">
160
+ {%- else %}
161
+ {{filter_affiliation.name}}
162
162
  {%- endif %}
163
- {%- endfor %}
163
+ </a>
164
+ {%- endif %}
165
+ {%- endfor %}
164
166
  </div>
165
167
  </div>
166
168
  {%- endif %}
data/assets/css/main.scss CHANGED
@@ -170,11 +170,11 @@ header .navbar {
170
170
  // Break line in top navigation
171
171
 
172
172
  .nav-break {
173
- @media (min-width: 992px) {
173
+ @include media-breakpoint-up(lg) {
174
174
  width: 1px;
175
175
  }
176
176
 
177
- @media (max-width: 992px) {
177
+ @include media-breakpoint-down(lg) {
178
178
  height: 1px;
179
179
  }
180
180
  }
@@ -210,7 +210,7 @@ header .navbar {
210
210
  }
211
211
  }
212
212
 
213
- @media (max-width: 992px) {
213
+ @include media-breakpoint-down(lg) {
214
214
  .search-results {
215
215
  width: 100%;
216
216
  }
@@ -282,7 +282,7 @@ header .navbar {
282
282
 
283
283
  /*-----Sidebar-----*/
284
284
 
285
- @media (min-width: 992px) {
285
+ @include media-breakpoint-up(lg) {
286
286
  #side-nav {
287
287
  display: block !important;
288
288
  }
@@ -522,7 +522,7 @@ footer {
522
522
  width: 3%;
523
523
  }
524
524
 
525
- @media (max-width: 768px) {
525
+ @include media-breakpoint-down(md) {
526
526
  #contributors-carousel .card-title {
527
527
  font-size: 0.5em;
528
528
  }
@@ -546,7 +546,7 @@ footer {
546
546
  text-align: center;
547
547
  }
548
548
 
549
- @media (max-width: 768px) {
549
+ @include media-breakpoint-down(md) {
550
550
  #contributors-carousel .social-icons {
551
551
  line-height: 1.2ex;
552
552
  width: 1.2ex;
@@ -559,9 +559,19 @@ footer {
559
559
  background-color: $contr-bg;
560
560
  font-size: 0;
561
561
 
562
+ .contributor-cards .card {
563
+ background-color: $contr-popover-bg;
564
+ }
565
+ .dropdown-menu {
566
+ width: 11em;
567
+ }
568
+
562
569
  /* Gets rid of extra white space */
563
570
  .contributor-link {
564
571
  background-color: $contr-link-bg;
572
+ &::after {
573
+ display: none;
574
+ }
565
575
 
566
576
  .contributor-img-sm {
567
577
  height: 1.7em;
@@ -581,16 +591,6 @@ footer {
581
591
  }
582
592
  }
583
593
 
584
- .popover.contributor-cards {
585
- .contributor-img {
586
- width: 11em;
587
- }
588
-
589
- .card {
590
- background-color: $contr-popover-bg;
591
- }
592
- }
593
-
594
594
  /*-----Cookie consent banner-----*/
595
595
 
596
596
  .cookiealert {
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: elixir-toolkit-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.20.1
4
+ version: 1.21.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - bedroesb
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-10-25 00:00:00.000000000 Z
11
+ date: 2022-11-23 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll