elixir-toolkit-theme 1.20.1 → 1.21.0

Sign up to get free protection for your applications and to get access to all the features.
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