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:
parent
0c91d0e544
commit
3e5b6917f0
@ -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
|
||||
|
||||
@ -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)
|
||||
|
||||
@ -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{
|
||||
|
||||
@ -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);">
|
||||
|
||||
@ -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 %}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user