feat: move calendar button from FAB to navbar

- Removed floating action button (FAB) for calendar
- Added calendar icon in navbar next to notification bell
- Calendar button only visible on mobile devices (d-lg-none)
- Fixed issue where FAB could overlap message send button
- Commented out calendar-fab CSS in all relevant files
This commit is contained in:
admin i 2025-12-05 16:59:23 +03:00
parent bb8b14c4f7
commit 25004e538a
5 changed files with 26 additions and 14 deletions

View File

@ -214,9 +214,9 @@ body {
}
/* ─────────────────────────────────────────────────────────────
MOBILE FAB
MOBILE FAB (REMOVED - now using navbar button)
────────────────────────────────────────────────────────────── */
.calendar-fab {
/* .calendar-fab {
position: fixed;
right: 1rem;
bottom: 1rem;
@ -225,7 +225,8 @@ body {
height: 52px;
border-radius: 9999px;
box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}
} */
/* ─────────────────────────────────────────────────────────────
BUTTONS & GHOST BUTTONS

View File

@ -273,7 +273,8 @@
flex: 0 0 auto;
}
.calendar-fab {
/* Calendar FAB removed - now using navbar button */
/* .calendar-fab {
position: fixed;
right: 1rem;
bottom: 1rem;
@ -282,7 +283,8 @@
height: 52px;
border-radius: 9999px;
box-shadow: 0 8px 24px rgba(0,0,0,.18);
}
} */
/* ─────────────────────────────────────────────────────────────
COLOR PICKER (PALETTE)

View File

@ -276,7 +276,8 @@
flex: 0 0 auto;
}
.calendar-fab{
/* Calendar FAB removed - now using navbar button */
/* .calendar-fab{
position: fixed;
right: 1rem;
bottom: 1rem;
@ -285,7 +286,8 @@
height: 52px;
border-radius: 9999px;
box-shadow: 0 8px 24px rgba(0,0,0,.18);
}
} */
/* ====== Color picker (palette) ====== */
.color-swatch{

View File

@ -1,10 +1,4 @@
{# Мобильная версия календаря - offcanvas + плавающая кнопка #}
<button class="btn btn-primary calendar-fab d-lg-none" type="button"
data-bs-toggle="offcanvas" data-bs-target="#rightbarOffcanvas"
aria-controls="rightbarOffcanvas" aria-label="Календарь">
<i class="bi-calendar-event"></i>
</button>
{# Мобильная версия календаря - offcanvas без плавающей кнопки #}
<div class="offcanvas offcanvas-end d-lg-none" id="rightbarOffcanvas" tabindex="-1"
data-bs-scroll="true" data-dept-id="{{ dept_ids|default:'' }}"
style="--bs-offcanvas-width: min(92vw, 420px);">

View File

@ -67,6 +67,19 @@
</button>
</div>
<!-- Календарь: только на мобильных устройствах -->
<div class="position-relative navbar-icon d-lg-none">
<button class="btn btn-link text-white p-0"
type="button"
data-bs-toggle="offcanvas"
data-bs-target="#rightbarOffcanvas"
aria-controls="rightbarOffcanvas"
title="Календарь"
aria-label="Календарь">
<i class="bi-calendar-event fs-5"></i>
</button>
</div>
</div>
{% endif %}