Commit 63c20da5 authored by Yassine Doghri's avatar Yassine Doghri
Browse files

fix(admin-ui): truncate header title + remove sticky podcast banner card on mobile

parent 8f9453b8

themes/cp_admin/_layout.php

+1 −1
Original line number Diff line number Diff line
@@ -36,7 +36,7 @@ $isEpisodeArea = isset($podcast) && isset($episode); 
            <div class="flex flex-col justify-end w-full -mt-4 sticky-header-inner">

                <?= render_breadcrumb('text-xs items-center flex') ?>

                <div class="flex justify-between py-1">

                    <div class="flex flex-wrap items-center">

                    <div class="flex flex-wrap items-center truncate">

                    <?php if (($isEpisodeArea && $episode->is_premium) || ($isPodcastArea && $podcast->is_premium)): ?>

                        <div class="inline-flex items-center">

                            <IconButton uri="<?= route_to('subscription-list', $podcast->id) ?>" glyph="exchange-dollar" variant="secondary" size="large" class="p-0 mr-2 border-0"><?= ($isEpisodeArea && $episode->is_premium) ? lang('PremiumPodcasts.episode_is_premium') : lang('PremiumPodcasts.podcast_is_premium') ?></IconButton>

themes/cp_admin/_partials/_nav_header.php

+4 −4
Original line number Diff line number Diff line
@@ -14,9 +14,9 @@ $userPodcasts = get_podcasts_user_can_interact_with(auth()->user()); ?> 
        </a>

        <a href="<?= route_to(

            'home',

        ) ?>" class="inline-flex items-center h-full px-6 text-sm font-semibold hover:underline focus:ring-inset focus:ring-accent">

                <?= lang('Navigation.go_to_website') ?>

                <?= icon('external-link', 'ml-1 opacity-60') ?>

        ) ?>" class="inline-flex items-center h-full px-2 text-sm font-semibold sm:px-6 hover:underline focus:ring-inset focus:ring-accent" title="<?= lang('Navigation.go_to_website') ?>">

                <span class="hidden sm:block"><?= lang('Navigation.go_to_website') ?></span>

                <?= icon('external-link', 'ml-1 text-xl sm:opacity-60') ?>

        </a>

    </div>

    <div class="inline-flex items-center h-full ml-auto">
@@ -82,7 +82,7 @@ if ($userPodcasts !== []) { 
                <?= icon('account-circle', 'text-3xl opacity-60') ?>

                <?= $userPodcasts === [] ? '' : '<img src="' . interact_as_actor()->avatar_image_url . '" class="absolute bottom-0 w-4 h-4 border rounded-full -right-1 border-navigation-bg" loading="lazy" />' ?>

            </div>

            <?= esc(auth()->user()->username) ?>

            <span class="hidden sm:block"><?= esc(auth()->user()->username) ?></span>

            <?= icon('caret-down', 'ml-auto text-2xl') ?></button>

    </div>

    <?php

themes/cp_admin/podcast/edit.php

+2 −2
Original line number Diff line number Diff line
@@ -18,10 +18,10 @@ 


<?= $this->section('content') ?>



<form id="podcast-edit-form" action="<?= route_to('podcast-edit', $podcast->id) ?>" method="POST" enctype='multipart/form-data' class="flex flex-row-reverse flex-wrap items-start justify-end gap-4">

<form id="podcast-edit-form" action="<?= route_to('podcast-edit', $podcast->id) ?>" method="POST" enctype='multipart/form-data' class="flex flex-col items-start justify-end gap-4 xl:flex-row-reverse">

<?= csrf_field() ?>



<div class="sticky z-40 flex flex-col w-full max-w-xs overflow-hidden shadow-sm bg-elevated border-3 border-subtle top-24 rounded-xl">

<div class="z-40 flex flex-col w-full max-w-xs overflow-hidden shadow-sm xl:sticky bg-elevated border-3 border-subtle top-24 rounded-xl">

    <?php if ($podcast->banner_id !== null): ?>

        <a href="<?= route_to('podcast-banner-delete', $podcast->id) ?>" class="absolute p-1 text-red-700 bg-red-100 border-2 rounded-full hover:text-red-900 border-contrast focus:ring-accent top-2 right-2" title="<?= lang('Podcast.form.banner_delete') ?>" data-tooltip="bottom"><?= icon('delete-bin') ?></a>

    <?php endif; ?>