fix: mobile toolbar - hide title, show icon-only buttons
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user