Skip to content

Commit

Permalink
The list of the institutions in the footer should be shortened for th…
Browse files Browse the repository at this point in the history
…e mobile version.
  • Loading branch information
yfanti committed May 15, 2024
1 parent 3148475 commit 83847c0
Show file tree
Hide file tree
Showing 2 changed files with 30 additions and 17 deletions.
12 changes: 12 additions & 0 deletions src/css/footer.css
Original file line number Diff line number Diff line change
Expand Up @@ -188,10 +188,22 @@ footer.footer {
padding: 1rem;
}

.search-institutions{
display: none;
}

@media (max-width: 1024px) {
.three-columns {
flex-direction: column;
}

.institutions{
display: none;
}

.search-institutions {
display: block;
}
}
/* tablet breakpoint */
/* @media screen and (min-width: 769px) {
Expand Down
35 changes: 18 additions & 17 deletions src/partials/footer-content.hbs
Original file line number Diff line number Diff line change
Expand Up @@ -129,35 +129,36 @@
<h3 class="ted-footer__title">EU institutions</h3>

<ul class="ul-footer">
<li class="li-footer"><a href="https://www.europarl.europa.eu/portal/en">European Parliament</a></li>
<li class="li-footer"><a href="https://www.consilium.europa.eu/en/european-council/">European
<li class="li-footer institutions"><a href="https://www.europarl.europa.eu/portal/en">European Parliament</a></li>
<li class="li-footer institutions"><a href="https://www.consilium.europa.eu/en/european-council/">European
Council</a></li>
<li class="li-footer"><a href="https://www.consilium.europa.eu/en/">Council of the European Union</a>
<li class="li-footer institutions"><a href="https://www.consilium.europa.eu/en/">Council of the European Union</a>
</li>
<li class="li-footer"><a href="https://commission.europa.eu/index_en">European Commission</a></li>
<li class="li-footer"><a href="https://curia.europa.eu/jcms/jcms/j_6/en/">Court of Justice of the
<li class="li-footer institutions"><a href="https://commission.europa.eu/index_en">European Commission</a></li>
<li class="li-footer institutions"><a href="https://curia.europa.eu/jcms/jcms/j_6/en/">Court of Justice of the
European Union (CJEU)</a></li>
<li class="li-footer"><a href="https://www.ecb.europa.eu/home/html/index.en.html">European Central Bank
<li class="li-footer institutions"><a href="https://www.ecb.europa.eu/home/html/index.en.html">European Central Bank
(ECB)</a></li>
<li class="li-footer"><a href="http://www.eca.europa.eu/en">European Court of Auditors (ECA)</a></li>
<li class="li-footer"><a href="https://www.eeas.europa.eu/_en">European External Action Services
<li class="li-footer institutions"><a href="http://www.eca.europa.eu/en">European Court of Auditors (ECA)</a></li>
<li class="li-footer institutions"><a href="https://www.eeas.europa.eu/_en">European External Action Services
(EEAS)</a></li>
<li class="li-footer"><a href="https://www.eesc.europa.eu/en">European Economic and Social Committee
<li class="li-footer institutions"><a href="https://www.eesc.europa.eu/en">European Economic and Social Committee
(EESC)</a></li>
<li class="li-footer"><a href="https://cor.europa.eu/en/">European Committee of the Regions (CoR)</a>
<li class="li-footer institutions"><a href="https://cor.europa.eu/en/">European Committee of the Regions (CoR)</a>
</li>
<li class="li-footer"><a href="https://www.eib.org/en/index.htm">European Investment Bank (EIB)</a></li>
<li class="li-footer"><a href="https://www.ombudsman.europa.eu/en/home">European Ombudsman</a></li>
<li class="li-footer"><a href="https://edps.europa.eu/_en?lang=en">European Data Protection Supervisor
<li class="li-footer institutions"><a href="https://www.eib.org/en/index.htm">European Investment Bank (EIB)</a></li>
<li class="li-footer institutions"><a href="https://www.ombudsman.europa.eu/en/home">European Ombudsman</a></li>
<li class="li-footer institutions"><a href="https://edps.europa.eu/_en?lang=en">European Data Protection Supervisor
(EDPS)</a></li>
<li class="li-footer"><a href="https://edpb.europa.eu/edpb_en">European Data protection Board</a></li>
<li class="li-footer"><a href="https://eu-careers.europa.eu/en">European Personnel Selection Office</a>
<li class="li-footer institutions"><a href="https://edpb.europa.eu/edpb_en">European Data protection Board</a></li>
<li class="li-footer institutions"><a href="https://eu-careers.europa.eu/en">European Personnel Selection Office</a>
</li>
<li class="li-footer"><a href="https://op.europa.eu/en/home">Publications Office of the European
<li class="li-footer institutions"><a href="https://op.europa.eu/en/home">Publications Office of the European
Union</a></li>
<li class="li-footer"><a
<li class="li-footer institutions"><a
href="https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_en?f%5B0%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_DEC&f%5B1%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_EXEC&f%5B2%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/EU_JU">Agencies</a>
</li>
<li class="li-footer search-institutions"><a href="https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/search-all-eu-institutions-and-bodies_en">Search for EU institutions</a></li>
</ul>
</div>

Expand Down

0 comments on commit 83847c0

Please sign in to comment.