Giter VIP home page Giter VIP logo

Comments (9)

gary-van-woerkens avatar gary-van-woerkens commented on August 31, 2024

Should be linked to #77 PR.

from react-dsfr.

gary-van-woerkens avatar gary-van-woerkens commented on August 31, 2024

Following the implementation of the partners section in the footer component, I get a live result like this:
image

And I wonder... 🤔

  1. When there are 2 logos only, won't it be better to put them both together on the left or the right side?

And in this case I guess that main should become optional as well because only sub is supposed to be a list ?

export type PartnersLogos = {
main: PartnersLogos.Logo;
sub?: PartnersLogos.Logo[];
};

  1. The target="_blank" added to the links displays an icon next to the logos. Should we keep it like this?
    image

from react-dsfr.

garronej avatar garronej commented on August 31, 2024

You're probably not running the latest version.
I patched your PR, check it out: #77 (comment)

from react-dsfr.

garronej avatar garronej commented on August 31, 2024

For the case where ther's only two logo, I agree that it's a bit odd looking but react-dsfr has no say on this kind of things.
It's an integration library that must align 100% with the vanilla implementation @gouvfr/dsfr.
https://main--ds-gouv.netlify.app/example/component/footer/

from react-dsfr.

garronej avatar garronej commented on August 31, 2024

What you can do is use theclasses.partnersLogos props of the

and make it look the way you want.

from react-dsfr.

gary-van-woerkens avatar gary-van-woerkens commented on August 31, 2024

It's an integration library that must align 100% with the vanilla implementation @gouvfr/dsfr.

About that I asked the DSFR team how the case with 2 partners icons only should be handled.

Bonjour Gary,

Vous pouvez voir les exemples ici https://main--ds-gouv.netlify.app/example/component/footer/

Avec 2 logo partenaires, au choix, vous pouvez mettre un principal à gauche et un secondaire à droite ou bien les 2 en secondaire à droite.

Bonne journée

Bertrand pour l'équipe DSFR

My interpretation here is that main should become optional as sub is... but at least one of them must be declared.

from react-dsfr.

garronej avatar garronej commented on August 31, 2024

but at least one of them must be declared

This is not easy to type, maybe it's best to have the first of the list being the main what do you think?

from react-dsfr.

gary-van-woerkens avatar gary-van-woerkens commented on August 31, 2024

Here is my proposal to "solve" the issue: #81

from react-dsfr.

gary-van-woerkens avatar gary-van-woerkens commented on August 31, 2024

Sounds like job is done here. Closing the issue.

from react-dsfr.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.