anton/Sunset-Pass
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: mobile toolbar shows icons only, hide button text

Browse Source
This commit is contained in:
Anton
2026-05-12 18:16:02 +03:00
parent 693d1b50df
commit 0b63d3cf04
2 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+3 -3
View File
@@ -24,9 +24,9 @@
<span class="save-status" id="saveStatus"></span>
</div>
<div class="toolbar-right">
<button class="toolbar-btn" id="btnReset" title="Очистить форму">↺ Заново</button>
<button class="toolbar-btn" id="btnSave" title="Сохранить">💾 Сохранить</button>
<button class="toolbar-btn primary" id="btnShare" title="Поделиться ссылкой">🔗 Поделиться</button>
<button class="toolbar-btn" id="btnReset" title="Очистить форму"><span class="btn-icon">↺</span><span class="btn-text"> Заново</span></button>
<button class="toolbar-btn" id="btnSave" title="Сохранить"><span class="btn-icon">💾</span><span class="btn-text"> Сохранить</span></button>
<button class="toolbar-btn primary" id="btnShare" title="Поделиться ссылкой"><span class="btn-icon">🔗</span><span class="btn-text"> Поделиться</span></button>
</div>
</div>
style.css
+4 -5
View File
@@ -685,13 +685,12 @@ button[type="submit"]:disabled { background: #aaa; cursor: not-allowed; }
.toolbar-btn {
padding: 7px 10px;
font-size: 0;
font-size: 0.9rem;
}
/* Показываем только эмодзи/иконку */
#btnReset::before { content: '↺'; font-size: 1rem; }
#btnSave::before { content: '💾'; font-size: 1rem; }
#btnShare::before { content: '🔗'; font-size: 1rem; }
.btn-text {
display: none;
}
.app-layout {
padding: 16px 12px 80px;