Commit a505a1de authored by Yassine Doghri's avatar Yassine Doghri
Browse files

feat: restyle episode and person cards + add focus style to interactive elements for a11y 

fix components in follow and remote action pages by calling new instances directly
parent 025b2f42

app/Helpers/components_helper.php

+1 −1
Original line number Diff line number Diff line
@@ -238,7 +238,7 @@ if (! function_exists('location_link')) { 
            icon('map-pin', 'mr-2') . $location->name,

            [

                'class' =>

                    'inline-flex items-baseline hover:underline' .

                    'inline-flex items-baseline hover:underline focus:ring-castopod' .

                    ($class === '' ? '' : " {$class}"),

                'target' => '_blank',

                'rel' => 'noreferrer noopener',

app/Helpers/page_helper.php

+4 −4
Original line number Diff line number Diff line
@@ -20,17 +20,17 @@ if (! function_exists('render_page_links')) { 
    {

        $pages = (new PageModel())->findAll();

        $links = anchor(route_to('home'), lang('Common.home'), [

            'class' => 'px-2 py-1 underline hover:no-underline',

            'class' => 'px-2 py-1 underline hover:no-underline focus:ring-castopod',

        ]);

        $links .= anchor(route_to('credits'), lang('Person.credits'), [

            'class' => 'px-2 py-1 underline hover:no-underline',

            'class' => 'px-2 py-1 underline hover:no-underline focus:ring-castopod',

        ]);

        $links .= anchor(route_to('map'), lang('Page.map'), [

            'class' => 'px-2 py-1 underline hover:no-underline',

            'class' => 'px-2 py-1 underline hover:no-underline focus:ring-castopod',

        ]);

        foreach ($pages as $page) {

            $links .= anchor($page->link, $page->title, [

                'class' => 'px-2  py-1 underline hover:no-underline',

                'class' => 'px-2  py-1 underline hover:no-underline focus:ring-castopod',

            ]);

        }

app/Language/en/Podcast.php

+1 −0
Original line number Diff line number Diff line
@@ -18,6 +18,7 @@ return [ 
    'no_episode_hint' =>

        'Navigate the podcast episodes with the navigation bar above.',

    'follow' => 'Follow',

    'followTitle' => 'Follow {actorDisplayName} on the fediverse!',

    'followers' => '{numberOfFollowers, plural,

        one {<span class="font-semibold">#</span> follower}

        other {<span class="font-semibold">#</span> followers}

app/Language/fr/Podcast.php

+1 −0
Original line number Diff line number Diff line
@@ -18,6 +18,7 @@ return [ 
    'no_episode_hint' =>

        'Naviguez au sein des épisodes du podcast episodes grâce à la barre de navigation ci-dessus.',

    'follow' => 'Suivre',

    'followTitle' => 'Suivez {actorDisplayName} sur le fédiverse !',

    'followers' => '{numberOfFollowers, plural,

        one {<span class="font-semibold">#</span> abonné·e}

        other {<span class="font-semibold">#</span> abonné·e·s}

app/Resources/js/modules/Dropdown.ts

+1 −1
Original line number Diff line number Diff line
@@ -25,9 +25,9 @@ const Dropdown = (): void => { 
          const offsetY = menu.dataset.dropdownOffsetY

            ? parseInt(menu.dataset.dropdownOffsetY)

            : 0;

          console.log(offsetX, offsetY);

          popperInstance = createPopper(button, menu, {

            placement: menu.dataset.dropdownPlacement as Placement,

            // strategy: "fixed",

            modifiers: [

              {

                name: "offset",