Merge branch 'feature/element-pdf-path'

This commit is contained in:
Yisroel Baum 2026-05-27 20:28:16 +03:00
commit 8a06f5a57c
Signed by: yisroelbaum
GPG key ID: 0FA60884F75520A9
20 changed files with 148 additions and 0 deletions

View file

@ -47,6 +47,7 @@ class ElementController
'title' => $element->getTitle(), 'title' => $element->getTitle(),
'description' => $element->getDescription(), 'description' => $element->getDescription(),
'richText' => $element->getRichText(), 'richText' => $element->getRichText(),
'pdfPath' => $element->getPdfPath(),
], ],
], 200); ], 200);
} }

View file

@ -11,6 +11,7 @@ class CreateElementDto
public string $title, public string $title,
public string $description, public string $description,
public string $richText, public string $richText,
public ?string $pdfPath,
public ?Element $parentElement, public ?Element $parentElement,
) { ) {
} }

View file

@ -11,6 +11,7 @@ class Element
private string $title, private string $title,
private string $description, private string $description,
private string $richText, private string $richText,
private ?string $pdfPath,
private Set $set, private Set $set,
private ?Element $parentElement, private ?Element $parentElement,
) { ) {
@ -36,6 +37,11 @@ class Element
return $this->richText; return $this->richText;
} }
public function getPdfPath(): ?string
{
return $this->pdfPath;
}
public function getSet(): Set public function getSet(): Set
{ {
return $this->set; return $this->set;

View file

@ -11,6 +11,7 @@ use Illuminate\Database\Eloquent\Model;
* @property string $title * @property string $title
* @property string $description * @property string $description
* @property string $rich_text * @property string $rich_text
* @property string|null $pdf_path
* @property int|null $parent_element_id * @property int|null $parent_element_id
* *
* @method static Builder<static>|ElementModel newModelQuery() * @method static Builder<static>|ElementModel newModelQuery()
@ -22,6 +23,7 @@ use Illuminate\Database\Eloquent\Model;
* @method static Builder<static>|ElementModel whereTitle($value) * @method static Builder<static>|ElementModel whereTitle($value)
* @method static Builder<static>|ElementModel whereDescription($value) * @method static Builder<static>|ElementModel whereDescription($value)
* @method static Builder<static>|ElementModel whereRichText($value) * @method static Builder<static>|ElementModel whereRichText($value)
* @method static Builder<static>|ElementModel wherePdfPath($value)
* *
* @mixin \Eloquent * @mixin \Eloquent
*/ */
@ -36,6 +38,7 @@ class ElementModel extends Model
'title', 'title',
'description', 'description',
'rich_text', 'rich_text',
'pdf_path',
'parent_element_id', 'parent_element_id',
]; ];

View file

@ -19,6 +19,7 @@ class EloquentElementRepository implements ElementRepository
'title' => $dto->title, 'title' => $dto->title,
'description' => $dto->description, 'description' => $dto->description,
'rich_text' => $dto->richText, 'rich_text' => $dto->richText,
'pdf_path' => $dto->pdfPath,
'parent_element_id' => $dto->parentElement?->getId(), 'parent_element_id' => $dto->parentElement?->getId(),
]); ]);
@ -27,6 +28,7 @@ class EloquentElementRepository implements ElementRepository
title: $dto->title, title: $dto->title,
description: $dto->description, description: $dto->description,
richText: $dto->richText, richText: $dto->richText,
pdfPath: $dto->pdfPath,
set: $dto->set, set: $dto->set,
parentElement: $dto->parentElement, parentElement: $dto->parentElement,
); );
@ -108,6 +110,7 @@ class EloquentElementRepository implements ElementRepository
title: $model->title, title: $model->title,
description: $model->description, description: $model->description,
richText: $model->rich_text, richText: $model->rich_text,
pdfPath: $model->pdf_path,
set: $set, set: $set,
parentElement: $parentElement, parentElement: $parentElement,
); );

View file

@ -32,6 +32,7 @@ class CreateElement
} }
$description = $request->description ?? ''; $description = $request->description ?? '';
$richText = $request->richText ?? ''; $richText = $request->richText ?? '';
$pdfPath = $request->pdfPath === '' ? null : $request->pdfPath;
$set = $this->setRepo->find($request->setId); $set = $this->setRepo->find($request->setId);
if ($set === null) { if ($set === null) {
@ -48,6 +49,7 @@ class CreateElement
title: $request->title, title: $request->title,
description: $description, description: $description,
richText: $richText, richText: $richText,
pdfPath: $pdfPath,
parentElement: null, parentElement: null,
)); ));
} }
@ -71,6 +73,7 @@ class CreateElement
title: $request->title, title: $request->title,
description: $description, description: $description,
richText: $richText, richText: $richText,
pdfPath: $pdfPath,
parentElement: $parentElement, parentElement: $parentElement,
)); ));
} }

View file

@ -9,6 +9,7 @@ class CreateElementRequest
public ?string $title, public ?string $title,
public ?string $description, public ?string $description,
public ?string $richText, public ?string $richText,
public ?string $pdfPath,
public ?int $parentElementId, public ?int $parentElementId,
) { ) {
} }

View file

@ -14,6 +14,7 @@ return new class extends Migration
$table->string('title'); $table->string('title');
$table->text('description')->default(''); $table->text('description')->default('');
$table->text('rich_text')->default(''); $table->text('rich_text')->default('');
$table->string('pdf_path')->nullable();
$table->foreignId('parent_element_id') $table->foreignId('parent_element_id')
->nullable() ->nullable()
->constrained('elements'); ->constrained('elements');

View file

@ -21,6 +21,7 @@ class ElementSeeder extends Seeder
richText: '<p>Begin with a clear map for avodah growth.</p>' richText: '<p>Begin with a clear map for avodah growth.</p>'
. '<p><strong>Move steadily</strong> from awareness ' . '<p><strong>Move steadily</strong> from awareness '
. 'to practice.</p>', . 'to practice.</p>',
pdfPath: '/assets/pdfs/baderech.pdf',
parentElement: null, parentElement: null,
)); ));
$elementRepository->create(new CreateElementDto( $elementRepository->create(new CreateElementDto(
@ -30,6 +31,7 @@ class ElementSeeder extends Seeder
. 'avodah practice.', . 'avodah practice.',
richText: '<p>Avodah foundations begin with honest awareness ' richText: '<p>Avodah foundations begin with honest awareness '
. 'and small repeatable steps.</p>', . 'and small repeatable steps.</p>',
pdfPath: null,
parentElement: $rootElement, parentElement: $rootElement,
)); ));
$elementRepository->create(new CreateElementDto( $elementRepository->create(new CreateElementDto(
@ -38,6 +40,7 @@ class ElementSeeder extends Seeder
description: 'Practical steps for consistent daily growth.', description: 'Practical steps for consistent daily growth.',
richText: '<p>Daily practice turns inspiration into a ' richText: '<p>Daily practice turns inspiration into a '
. 'dependable rhythm.</p>', . 'dependable rhythm.</p>',
pdfPath: null,
parentElement: $rootElement, parentElement: $rootElement,
)); ));
} }

View file

@ -22,6 +22,7 @@ class FakeElementRepository implements ElementRepository
title: $dto->title, title: $dto->title,
description: $dto->description, description: $dto->description,
richText: $dto->richText, richText: $dto->richText,
pdfPath: $dto->pdfPath,
set: $dto->set, set: $dto->set,
parentElement: $dto->parentElement, parentElement: $dto->parentElement,
); );
@ -99,6 +100,7 @@ class FakeElementRepository implements ElementRepository
title: $element->getTitle(), title: $element->getTitle(),
description: $element->getDescription(), description: $element->getDescription(),
richText: $element->getRichText(), richText: $element->getRichText(),
pdfPath: $element->getPdfPath(),
set: $element->getSet(), set: $element->getSet(),
parentElement: $parentElement, parentElement: $parentElement,
); );

View file

@ -27,6 +27,7 @@ class ElementsEndpointTest extends TestCase
title: 'Baderech HaAvodah', title: 'Baderech HaAvodah',
description: 'A structured path for growth', description: 'A structured path for growth',
richText: '<p>A structured path for growth</p>', richText: '<p>A structured path for growth</p>',
pdfPath: '/assets/pdfs/baderech.pdf',
parentElement: null, parentElement: null,
)); ));
$firstChildElement = $elementRepository->create(new CreateElementDto( $firstChildElement = $elementRepository->create(new CreateElementDto(
@ -34,6 +35,7 @@ class ElementsEndpointTest extends TestCase
title: 'Avodah Foundations', title: 'Avodah Foundations',
description: 'Foundations for steady avodah', description: 'Foundations for steady avodah',
richText: '<p>Foundations rich text</p>', richText: '<p>Foundations rich text</p>',
pdfPath: '/assets/pdfs/foundations.pdf',
parentElement: $element, parentElement: $element,
)); ));
$secondChildElement = $elementRepository->create(new CreateElementDto( $secondChildElement = $elementRepository->create(new CreateElementDto(
@ -41,6 +43,7 @@ class ElementsEndpointTest extends TestCase
title: 'Daily Practice', title: 'Daily Practice',
description: 'Daily practices for growth', description: 'Daily practices for growth',
richText: '<p>Daily practice rich text</p>', richText: '<p>Daily practice rich text</p>',
pdfPath: null,
parentElement: $element, parentElement: $element,
)); ));
@ -65,6 +68,7 @@ class ElementsEndpointTest extends TestCase
'title' => 'Baderech HaAvodah', 'title' => 'Baderech HaAvodah',
'description' => 'A structured path for growth', 'description' => 'A structured path for growth',
'richText' => '<p>A structured path for growth</p>', 'richText' => '<p>A structured path for growth</p>',
'pdfPath' => '/assets/pdfs/baderech.pdf',
], ],
]); ]);
} }

View file

@ -33,6 +33,7 @@ class SetsEndpointTest extends TestCase
title: $baderechSet->getName(), title: $baderechSet->getName(),
description: $baderechSet->getDescription(), description: $baderechSet->getDescription(),
richText: '', richText: '',
pdfPath: null,
parentElement: null, parentElement: null,
) )
); );

View file

@ -31,6 +31,7 @@ class ElementControllerTest extends TestCase
'Baderech HaAvodah', 'Baderech HaAvodah',
'A structured path for growth', 'A structured path for growth',
'<p>A structured path for growth</p>', '<p>A structured path for growth</p>',
'/assets/pdfs/baderech.pdf',
null, null,
); );
$firstChildElement = $this->createElement( $firstChildElement = $this->createElement(
@ -38,6 +39,7 @@ class ElementControllerTest extends TestCase
'Avodah Foundations', 'Avodah Foundations',
'Foundations for steady avodah', 'Foundations for steady avodah',
'<p>Foundations rich text</p>', '<p>Foundations rich text</p>',
'/assets/pdfs/foundations.pdf',
$element, $element,
); );
$secondChildElement = $this->createElement( $secondChildElement = $this->createElement(
@ -45,6 +47,7 @@ class ElementControllerTest extends TestCase
'Daily Practice', 'Daily Practice',
'Daily practices for growth', 'Daily practices for growth',
'<p>Daily practice rich text</p>', '<p>Daily practice rich text</p>',
null,
$element, $element,
); );
@ -62,6 +65,10 @@ class ElementControllerTest extends TestCase
'<p>A structured path for growth</p>', '<p>A structured path for growth</p>',
$body['element']['richText'], $body['element']['richText'],
); );
$this->assertSame(
'/assets/pdfs/baderech.pdf',
$body['element']['pdfPath'],
);
$this->assertSame([ $this->assertSame([
[ [
'id' => $firstChildElement->getId(), 'id' => $firstChildElement->getId(),
@ -113,6 +120,7 @@ class ElementControllerTest extends TestCase
string $title, string $title,
string $description, string $description,
string $richText, string $richText,
?string $pdfPath,
?Element $parentElement, ?Element $parentElement,
): Element { ): Element {
return $this->elementRepo->create(new CreateElementDto( return $this->elementRepo->create(new CreateElementDto(
@ -120,6 +128,7 @@ class ElementControllerTest extends TestCase
title: $title, title: $title,
description: $description, description: $description,
richText: $richText, richText: $richText,
pdfPath: $pdfPath,
parentElement: $parentElement, parentElement: $parentElement,
)); ));
} }

View file

@ -21,6 +21,7 @@ class ElementTest extends TestCase
title: 'Root', title: 'Root',
description: 'Root description', description: 'Root description',
richText: '<p>Root rich text</p>', richText: '<p>Root rich text</p>',
pdfPath: null,
set: $set, set: $set,
parentElement: null, parentElement: null,
); );
@ -29,6 +30,7 @@ class ElementTest extends TestCase
title: 'Child', title: 'Child',
description: 'Child description', description: 'Child description',
richText: '<p>Child rich text</p>', richText: '<p>Child rich text</p>',
pdfPath: '/assets/pdfs/child.pdf',
set: $set, set: $set,
parentElement: $rootElement, parentElement: $rootElement,
); );
@ -43,8 +45,13 @@ class ElementTest extends TestCase
'<p>Child rich text</p>', '<p>Child rich text</p>',
$childElement->getRichText(), $childElement->getRichText(),
); );
$this->assertSame(
'/assets/pdfs/child.pdf',
$childElement->getPdfPath(),
);
$this->assertSame($set, $childElement->getSet()); $this->assertSame($set, $childElement->getSet());
$this->assertSame($rootElement, $childElement->getParentElement()); $this->assertSame($rootElement, $childElement->getParentElement());
$this->assertNull($rootElement->getPdfPath());
$this->assertNull($rootElement->getParentElement()); $this->assertNull($rootElement->getParentElement());
} }
} }

View file

@ -49,6 +49,7 @@ class CreateElementTest extends TestCase
title: 'Root', title: 'Root',
description: 'Root description', description: 'Root description',
richText: '<p>Root rich text</p>', richText: '<p>Root rich text</p>',
pdfPath: '/assets/pdfs/root.pdf',
parentElementId: null, parentElementId: null,
)); ));
@ -56,6 +57,7 @@ class CreateElementTest extends TestCase
$this->assertSame('Root', $element->getTitle()); $this->assertSame('Root', $element->getTitle());
$this->assertSame('Root description', $element->getDescription()); $this->assertSame('Root description', $element->getDescription());
$this->assertSame('<p>Root rich text</p>', $element->getRichText()); $this->assertSame('<p>Root rich text</p>', $element->getRichText());
$this->assertSame('/assets/pdfs/root.pdf', $element->getPdfPath());
$this->assertSame($set->getId(), $element->getSet()->getId()); $this->assertSame($set->getId(), $element->getSet()->getId());
$this->assertNull($element->getParentElement()); $this->assertNull($element->getParentElement());
} }
@ -69,6 +71,7 @@ class CreateElementTest extends TestCase
title: 'Root', title: 'Root',
description: 'Root description', description: 'Root description',
richText: '<p>Root rich text</p>', richText: '<p>Root rich text</p>',
pdfPath: null,
parentElementId: null, parentElementId: null,
) )
); );
@ -79,6 +82,7 @@ class CreateElementTest extends TestCase
title: 'Child', title: 'Child',
description: 'Child description', description: 'Child description',
richText: '<p>Child rich text</p>', richText: '<p>Child rich text</p>',
pdfPath: '/assets/pdfs/child.pdf',
parentElementId: $rootElement->getId(), parentElementId: $rootElement->getId(),
) )
); );
@ -92,6 +96,10 @@ class CreateElementTest extends TestCase
'<p>Child rich text</p>', '<p>Child rich text</p>',
$childElement->getRichText(), $childElement->getRichText(),
); );
$this->assertSame(
'/assets/pdfs/child.pdf',
$childElement->getPdfPath(),
);
$this->assertSame( $this->assertSame(
$rootElement->getId(), $rootElement->getId(),
$childElement->getParentElement()->getId(), $childElement->getParentElement()->getId(),
@ -107,11 +115,29 @@ class CreateElementTest extends TestCase
title: 'Root', title: 'Root',
description: null, description: null,
richText: null, richText: null,
pdfPath: null,
parentElementId: null, parentElementId: null,
)); ));
$this->assertSame('', $element->getDescription()); $this->assertSame('', $element->getDescription());
$this->assertSame('', $element->getRichText()); $this->assertSame('', $element->getRichText());
$this->assertNull($element->getPdfPath());
}
public function testCreatesElementWithNullPdfPathWhenBlank(): void
{
$set = $this->createSet('Daily learning');
$element = $this->createElement->execute(new CreateElementRequest(
setId: $set->getId(),
title: 'Root',
description: 'Root description',
richText: '<p>Root rich text</p>',
pdfPath: '',
parentElementId: null,
));
$this->assertNull($element->getPdfPath());
} }
public function testThrowsWhenSetIdMissing(): void public function testThrowsWhenSetIdMissing(): void
@ -124,6 +150,7 @@ class CreateElementTest extends TestCase
title: 'Root', title: 'Root',
description: 'Root description', description: 'Root description',
richText: '<p>Root rich text</p>', richText: '<p>Root rich text</p>',
pdfPath: null,
parentElementId: null, parentElementId: null,
)); ));
} }
@ -138,6 +165,7 @@ class CreateElementTest extends TestCase
title: null, title: null,
description: 'Root description', description: 'Root description',
richText: '<p>Root rich text</p>', richText: '<p>Root rich text</p>',
pdfPath: null,
parentElementId: null, parentElementId: null,
)); ));
} }
@ -152,6 +180,7 @@ class CreateElementTest extends TestCase
title: 'Root', title: 'Root',
description: 'Root description', description: 'Root description',
richText: '<p>Root rich text</p>', richText: '<p>Root rich text</p>',
pdfPath: null,
parentElementId: null, parentElementId: null,
)); ));
} }
@ -170,6 +199,7 @@ class CreateElementTest extends TestCase
title: 'Child', title: 'Child',
description: 'Child description', description: 'Child description',
richText: '<p>Child rich text</p>', richText: '<p>Child rich text</p>',
pdfPath: null,
parentElementId: 99, parentElementId: 99,
)); ));
} }
@ -182,6 +212,7 @@ class CreateElementTest extends TestCase
title: 'Root', title: 'Root',
description: 'Root description', description: 'Root description',
richText: '<p>Root rich text</p>', richText: '<p>Root rich text</p>',
pdfPath: null,
parentElementId: null, parentElementId: null,
)); ));
@ -195,6 +226,7 @@ class CreateElementTest extends TestCase
title: 'Another root', title: 'Another root',
description: 'Another root description', description: 'Another root description',
richText: '<p>Another root rich text</p>', richText: '<p>Another root rich text</p>',
pdfPath: null,
parentElementId: null, parentElementId: null,
)); ));
} }
@ -209,6 +241,7 @@ class CreateElementTest extends TestCase
title: 'Parent root', title: 'Parent root',
description: 'Parent root description', description: 'Parent root description',
richText: '<p>Parent root rich text</p>', richText: '<p>Parent root rich text</p>',
pdfPath: null,
parentElementId: null, parentElementId: null,
) )
); );
@ -223,6 +256,7 @@ class CreateElementTest extends TestCase
title: 'Invalid child', title: 'Invalid child',
description: 'Invalid child description', description: 'Invalid child description',
richText: '<p>Invalid child rich text</p>', richText: '<p>Invalid child rich text</p>',
pdfPath: null,
parentElementId: $parentElement->getId(), parentElementId: $parentElement->getId(),
)); ));
} }

View file

@ -32,6 +32,7 @@ class GetElementTest extends TestCase
'Baderech HaAvodah', 'Baderech HaAvodah',
'A structured path for growth', 'A structured path for growth',
'<p>A structured path for growth</p>', '<p>A structured path for growth</p>',
'/assets/pdfs/baderech.pdf',
null, null,
); );
@ -51,6 +52,10 @@ class GetElementTest extends TestCase
'<p>A structured path for growth</p>', '<p>A structured path for growth</p>',
$foundElement->getRichText(), $foundElement->getRichText(),
); );
$this->assertSame(
'/assets/pdfs/baderech.pdf',
$foundElement->getPdfPath(),
);
} }
public function testReturnsDirectChildElements(): void public function testReturnsDirectChildElements(): void
@ -61,6 +66,7 @@ class GetElementTest extends TestCase
'Baderech HaAvodah', 'Baderech HaAvodah',
'A structured path for growth', 'A structured path for growth',
'<p>A structured path for growth</p>', '<p>A structured path for growth</p>',
'/assets/pdfs/baderech.pdf',
null, null,
); );
$firstChildElement = $this->createElement( $firstChildElement = $this->createElement(
@ -68,6 +74,7 @@ class GetElementTest extends TestCase
'Avodah Foundations', 'Avodah Foundations',
'Foundations for steady avodah', 'Foundations for steady avodah',
'<p>Foundations rich text</p>', '<p>Foundations rich text</p>',
'/assets/pdfs/foundations.pdf',
$parentElement, $parentElement,
); );
$secondChildElement = $this->createElement( $secondChildElement = $this->createElement(
@ -75,6 +82,7 @@ class GetElementTest extends TestCase
'Daily Practice', 'Daily Practice',
'Daily practices for growth', 'Daily practices for growth',
'<p>Daily practice rich text</p>', '<p>Daily practice rich text</p>',
null,
$parentElement, $parentElement,
); );
$this->createElement( $this->createElement(
@ -82,6 +90,7 @@ class GetElementTest extends TestCase
'Nested Practice', 'Nested Practice',
'Nested description', 'Nested description',
'<p>Nested rich text</p>', '<p>Nested rich text</p>',
null,
$firstChildElement, $firstChildElement,
); );
$otherSet = $this->createSet(2, 'Daily Learning'); $otherSet = $this->createSet(2, 'Daily Learning');
@ -91,12 +100,14 @@ class GetElementTest extends TestCase
'Other parent description', 'Other parent description',
'<p>Other parent rich text</p>', '<p>Other parent rich text</p>',
null, null,
null,
); );
$this->createElement( $this->createElement(
$otherSet, $otherSet,
'Other Child', 'Other Child',
'Other child description', 'Other child description',
'<p>Other child rich text</p>', '<p>Other child rich text</p>',
null,
$otherParentElement, $otherParentElement,
); );
@ -157,6 +168,7 @@ class GetElementTest extends TestCase
string $title, string $title,
string $description, string $description,
string $richText, string $richText,
?string $pdfPath,
?Element $parentElement, ?Element $parentElement,
): Element { ): Element {
return $this->elementRepo->create(new CreateElementDto( return $this->elementRepo->create(new CreateElementDto(
@ -164,6 +176,7 @@ class GetElementTest extends TestCase
title: $title, title: $title,
description: $description, description: $description,
richText: $richText, richText: $richText,
pdfPath: $pdfPath,
parentElement: $parentElement, parentElement: $parentElement,
)); ));
} }

View file

@ -46,6 +46,10 @@ describe('media page sets', () => {
.should('be.visible') .should('be.visible')
cy.contains('strong', 'Move steadily').should('be.visible') cy.contains('strong', 'Move steadily').should('be.visible')
}) })
cy.contains('[data-cy="element-pdf-link"]', 'View PDF')
.should('be.visible')
.and('have.attr', 'href', '/assets/pdfs/baderech.pdf')
.and('have.attr', 'target', '_blank')
cy.get('[data-cy="child-element-list"]').should('be.visible') cy.get('[data-cy="child-element-list"]').should('be.visible')
cy.get('[data-cy="child-element-list"]') cy.get('[data-cy="child-element-list"]')
.should( .should(
@ -78,5 +82,6 @@ describe('media page sets', () => {
'contain.text', 'contain.text',
'Avodah foundations begin with honest awareness', 'Avodah foundations begin with honest awareness',
) )
cy.get('[data-cy="element-pdf-link"]').should('not.exist')
}) })
}) })

Binary file not shown.

View file

@ -9,6 +9,7 @@ export interface ChildElement {
export interface Element extends ChildElement { export interface Element extends ChildElement {
richText: string richText: string
pdfPath: string | null
} }
interface ElementResponse { interface ElementResponse {

View file

@ -56,6 +56,18 @@ watch(
v-html="element.richText" v-html="element.richText"
/> />
<div v-if="element.pdfPath !== null" class="element-page__actions">
<a
:href="element.pdfPath"
class="element-page__pdf-link"
data-cy="element-pdf-link"
target="_blank"
rel="noreferrer"
>
View PDF
</a>
</div>
<nav <nav
v-if="childElements.length > 0" v-if="childElements.length > 0"
class="element-page__children" class="element-page__children"
@ -137,6 +149,44 @@ watch(
font-weight: 700; font-weight: 700;
} }
.element-page__actions {
display: flex;
justify-content: center;
margin-top: 1.75rem;
}
.element-page__pdf-link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.75rem;
padding: 0.7rem 1.15rem;
color: var(--color-white);
background: var(--color-olive);
border-radius: 8px;
font-family: var(--font-sans);
font-size: 0.95rem;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition:
background-color 180ms ease,
box-shadow 180ms ease,
transform 180ms ease;
}
.element-page__pdf-link:hover,
.element-page__pdf-link:focus-visible {
background: #4d5b3c;
box-shadow: 0 10px 24px rgb(44 44 44 / 12%);
transform: translateY(-1px);
}
.element-page__pdf-link:focus-visible {
outline: 3px solid rgb(94 107 76 / 38%);
outline-offset: 4px;
}
.element-page__children { .element-page__children {
margin-top: 3rem; margin-top: 3rem;
} }