fix: mobile toolbar - hide title, show icon-only buttons

This commit is contained in:
Anton
2026-05-12 18:12:33 +03:00
parent ce6720309f
commit 693d1b50df
+32 -6
View File
@@ -662,24 +662,50 @@ button[type="submit"]:disabled { background: #aaa; cursor: not-allowed; }
/* ─── Телефон ─── */
@media (max-width: 600px) {
.toolbar {
padding: 8px 16px;
padding: 8px 12px;
gap: 8px;
}
.toolbar-title {
font-size: 0.85rem;
display: none;
}
.save-status {
font-size: 0.72rem;
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.toolbar-right {
gap: 6px;
margin-left: auto;
}
.toolbar-btn {
padding: 6px 10px;
font-size: 0.78rem;
padding: 7px 10px;
font-size: 0;
}
/* Показываем только эмодзи/иконку */
#btnReset::before { content: '↺'; font-size: 1rem; }
#btnSave::before { content: '💾'; font-size: 1rem; }
#btnShare::before { content: '🔗'; font-size: 1rem; }
.app-layout {
padding: 16px 16px 60px;
padding: 16px 12px 80px;
gap: 16px;
}
.section {
padding: 20px 16px 14px;
padding: 20px 14px 14px;
}
.fab {
bottom: 16px;
right: 16px;
padding: 12px 16px;
font-size: 0.82rem;
}
}