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:
1 parent
c4066b35d0
commit
f173efd339
3 files changed
+17
-2
No files matched your search
@@ -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;
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
Reference in new issue
Block a user