feat(site): horário sem barra de dias em cima, CrossFit ganha contactos
- Horário de aulas (home e CrossFit, mesmo componente partilhado): removida a barra de botões Seg/Ter/Qua/Qui/Sex/Sab acima da grelha — o próprio cabeçalho do dia (já existente) passa a ser sempre visível (antes só em desktop, 3 dias) e ganha setas ‹ › ao lado do nome do dia para mudar de dia em ecrãs de telemóvel/tablet. No desktop (3 dias lado a lado) as setas ficam escondidas — clicar no dia lateral já muda o dia em foco. CSS/JS morto do botão-filtro removido. - Informações e contactos extraído para site/includes/contactos.php, partilhado pela home e pelo CrossFit — a página CrossFit ganha a mesma secção de contactos (localização, telefone, e-mail, horário de funcionamento, mapa, formulário) em vez de só linkar de volta à home. Hero e restantes secções do CrossFit não foram tocados. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
5478952171
commit
65182eecd6
6 files changed
+230
-207
No files matched your search
+32
-43
@@ -2699,7 +2699,6 @@ h3.contact-title {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.schedule-export .schedule-day-filter,
|
||||
.schedule-export .schedule-scroll-hint {
|
||||
display: none !important;
|
||||
}
|
||||
@@ -2730,43 +2729,6 @@ h3.contact-title {
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
/* ── Schedule day filter — one day on screen, picker bar to switch ─────────────
|
||||
On screen the schedule shows a single day with a clickable day-picker bar (the
|
||||
same behaviour the phone had, now at every width). The JPG export ignores all
|
||||
of this — it re-enables the full-week grid via .schedule-export — so the
|
||||
downloaded image is always the complete week. */
|
||||
.schedule-day-filter {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
justify-content: center;
|
||||
margin: 0 0 1.75rem;
|
||||
}
|
||||
|
||||
.sdf-btn {
|
||||
border: 1px solid var(--fitme-surface-2);
|
||||
background: #fff;
|
||||
color: var(--fitme-text-soft);
|
||||
font-weight: 700;
|
||||
font-size: .9rem;
|
||||
padding: 9px 20px;
|
||||
min-height: 44px;
|
||||
border-radius: var(--fitme-radius);
|
||||
cursor: pointer;
|
||||
transition: border-color var(--fitme-transition), color var(--fitme-transition);
|
||||
}
|
||||
|
||||
.sdf-btn:hover {
|
||||
border-color: var(--fitme-accent);
|
||||
color: var(--fitme-text);
|
||||
}
|
||||
|
||||
.sdf-btn.active {
|
||||
background: var(--fitme-accent);
|
||||
border-color: var(--fitme-accent);
|
||||
color: var(--fitme-dark);
|
||||
}
|
||||
|
||||
/* On-screen single-day layout — one centred column showing the chosen day's
|
||||
classes in time order, keeping the Manhã / Tarde dividers as section breaks.
|
||||
Scoped to :not(.schedule-export) so the capture clone keeps the full week. */
|
||||
@@ -2819,12 +2781,39 @@ h3.contact-title {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Single-day mode: the active day-filter button already names the day being
|
||||
shown — drop the redundant title above the grid. Kept for the 3-day desktop
|
||||
view (.is-3day), where the header also distinguishes three different days
|
||||
and the side ones stay clickable. */
|
||||
/* Single-day mode: no day-filter bar any more (audit UX pass) — the header
|
||||
itself is the only day switcher, so it always shows, with prev/next arrows
|
||||
beside the day name. Kept plain (no arrows) for the 3-day desktop view
|
||||
(.is-3day), where the side days are already directly clickable. */
|
||||
.schedule:not(.schedule-export):not(.is-3day) .schedule_dayhead {
|
||||
display: none !important;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.schedule.is-3day .sched-nav,
|
||||
.schedule-export .sched-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sched-nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border: none;
|
||||
border-radius: var(--fitme-radius);
|
||||
background: var(--fitme-surface-2);
|
||||
color: var(--fitme-text-soft);
|
||||
font-size: 1rem;
|
||||
cursor: pointer;
|
||||
transition: background var(--fitme-transition), color var(--fitme-transition);
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.sched-nav:hover {
|
||||
background: var(--fitme-accent);
|
||||
color: var(--fitme-dark);
|
||||
}
|
||||
|
||||
.schedule-scroll-hint {
|
||||
|
||||
Reference in new issue
Block a user