rixty
/
AzuraCast
mirror of https://github.com/AzuraCast/AzuraCast.git
1
1
Fork 0
Code Issues Projects Releases Wiki Activity

Fix vertical overflow on public pages.

This commit is contained in:
Buster Neece 2023-08-25 19:35:54 -05:00
parent 202105404a
commit f33e09bc1a
No known key found for this signature in database
6 changed files with 11 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/scss/pages/_public.scss
View File

@ -11,12 +11,10 @@ body.page-minimal {
.public-page {
height: 100dvh;
display: flex;
align-items: center;
justify-content: center;
.card {
margin: auto;
width: 500px;
.card-body {
@ -34,18 +32,8 @@ body.page-minimal {
}
}
&.login-content,
&.error-content {
.card {
.card-body {
padding: ($card-cap-padding-y * 2) ($card-cap-padding-y * 2);
}
}
}
// Pulled from:
// https://stackoverflow.com/questions/5474871/html-how-can-i-show-tooltip-only-when-ellipsis-is-activated
.might-overflow {
text-overflow: ellipsis;
overflow : hidden;

4
templates/frontend/public/podcast-episode.phtml
View File

@ -38,8 +38,8 @@ $sections->append(
HTML
);
?>
<div class="d-flex align-items-center justify-content-center" style="height: 100dvh;">
<section class="card" role="region" style="width: 500px;">
<div class="public-page">
<section class="card" role="region">
<div class="card-body">
<div class="d-flex mb-3">
<div class="flex-fill">

4
templates/frontend/public/podcast-episodes.phtml
View File

@ -25,8 +25,8 @@ $sections->append(
);
?>
<div class="d-flex align-items-center justify-content-center" style="height: 100dvh;">
<section class="card" role="region" style="width: 500px;">
<div class="public-page">
<section class="card" role="region">
<div class="card-body">
<h1 class="card-title mb-1">
<?= $this->e($podcast->getTitle()) ?>

9
templates/frontend/public/podcasts.phtml
View File

@ -9,8 +9,8 @@ $this->layout('minimal', [
$this->fetch('frontend/public/partials/station-custom', ['station' => $station]);
?>
<div class="d-flex align-items-center justify-content-center" style="height: 100dvh;">
<section class="card" role="region" style="width: 500px;">
<div class="public-page">
<section class="card" role="region">
<div class="card-body">
<h1 class="card-title mb-3">
<?= $this->e($station->getName()) ?>
@ -68,11 +68,10 @@ $this->fetch('frontend/public/partials/station-custom', ['station' => $station])
</p>
<div class="buttons">
<a href="<?= $episodesPageLink ?>" class="btn btn-primary">
<a href="<?= $episodesPageLink ?>" class="btn btn-sm btn-primary">
<?= __('Episodes') ?>
</a>
<a href="<?= $feedLink ?>" class="btn btn-warning"
<a href="<?= $feedLink ?>" class="btn btn-sm btn-warning"
target="_blank">
<?= $this->fetch('icons/rss') ?>
<span><?= __('RSS Feed') ?></span>

2
templates/system/error_general.phtml
View File

@ -16,7 +16,7 @@ $filePath = Symfony\Component\Filesystem\Path::makeRelative(
?>
<div class="public-page">
<div class="card">
<div class="card p-3">
<div class="card-body">
<h2 class="display-1">500</h2>
<h4><?= $this->e($exception->getMessage()) ?></h4>

2
templates/system/error_http.phtml
View File

@ -8,7 +8,7 @@ $this->layout('minimal', [
?>
<div class="public-page">
<div class="card">
<div class="card p-3">
<div class="card-body">
<h2 class="display-1"><?= $this->e($exception->getCode()) ?></h2>
<h4><?= $this->e($exception->getMessage()) ?></h4>