feat(resume): add label text to PDF download button

- Button now shows icon + 'Скачать в PDF' text
- Add fab--label modifier for auto-width with padding
- Add fab-primary__label for text styling
This commit is contained in:
Local Build committed 2026-08-13 20:18:17 +02:00
1 parent c4066b35d0
commit f173efd339
3 files changed
+17 -2

No files matched your search

+13
View File
@@ -960,6 +960,19 @@ a.fab--secondary:visited {
-webkit-mask-image: url("../assets/shared/icons/cv.svg");
}
.fab--label {
width: auto;
padding: 0.65rem 1.1rem;
gap: 0.45rem;
}
.fab-primary__label {
font-size: 0.85rem;
font-weight: 600;
line-height: 1;
white-space: nowrap;
}
.fab-primary__spinner {
display: none;
position: absolute;
+2 -1
View File
@@ -293,8 +293,9 @@
</header>
<div class="fab-stack" aria-label="Быстрые действия">
<button type="button" class="fab fab--primary" data-resume-pdf-btn aria-label="Скачать резюме в PDF">
<button type="button" class="fab fab--primary fab--label" data-resume-pdf-btn aria-label="Скачать резюме в PDF">
<span class="fab-primary__ico fab-primary__ico--pdf" aria-hidden="true"></span>
<span class="fab-primary__label">Скачать в PDF</span>
<span class="fab-primary__spinner" aria-hidden="true"></span>
</button>
</div>
+2 -1
View File
@@ -1,6 +1,7 @@
<div class="fab-stack" aria-label="Быстрые действия">
<button type="button" class="fab fab--primary" data-resume-pdf-btn aria-label="Скачать резюме в PDF">
<button type="button" class="fab fab--primary fab--label" data-resume-pdf-btn aria-label="Скачать резюме в PDF">
<span class="fab-primary__ico fab-primary__ico--pdf" aria-hidden="true"></span>
<span class="fab-primary__label">Скачать в PDF</span>
<span class="fab-primary__spinner" aria-hidden="true"></span>
</button>
</div>