Aggiunge i18n IT/EN/FR/DE/ES, pagine pubbliche squadre e UX archivio.
Il selettore lingua funziona sul web e sulle app native; su Android la preferenza è persistita e applicata al riavvio. Incluse anche eliminazione replay a scope e campi pagina pubblica squadra. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Cursor
@@ -27,7 +27,98 @@ a:hover { text-decoration: underline; }
|
||||
padding-top: 14px;
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
.mast-inner .nav-toggle { margin-left: auto; }
|
||||
.mast-tools {
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
.mast-inner .nav-toggle { margin-left: 0; }
|
||||
.nav-lang {
|
||||
margin-left: 4px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.lang-switcher {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
.lang-switcher__toggle {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 4px;
|
||||
min-width: 42px;
|
||||
height: 36px;
|
||||
padding: 0 8px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #3a3a48;
|
||||
background: #1c1c26;
|
||||
color: #f0f0f5;
|
||||
cursor: pointer;
|
||||
line-height: 1;
|
||||
}
|
||||
.lang-switcher__toggle:hover,
|
||||
.lang-switcher.is-open .lang-switcher__toggle {
|
||||
border-color: #6a6a7a;
|
||||
background: #262632;
|
||||
}
|
||||
.lang-switcher__flag {
|
||||
font-size: 1.2rem;
|
||||
line-height: 1;
|
||||
}
|
||||
.lang-switcher__chevron {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 4px solid transparent;
|
||||
border-right: 4px solid transparent;
|
||||
border-top: 5px solid #9a9aaa;
|
||||
margin-left: 2px;
|
||||
}
|
||||
.lang-switcher__menu {
|
||||
position: absolute;
|
||||
top: calc(100% + 6px);
|
||||
right: 0;
|
||||
z-index: 1400;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
min-width: 48px;
|
||||
padding: 6px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #3a3a48;
|
||||
background: #16161e;
|
||||
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
.lang-switcher__menu[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
.lang-switcher__option-form {
|
||||
margin: 0;
|
||||
display: block;
|
||||
}
|
||||
.lang-switcher__option {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
min-height: 36px;
|
||||
padding: 4px 8px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 8px;
|
||||
background: transparent;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
}
|
||||
.lang-switcher__option:hover {
|
||||
background: #22222e;
|
||||
border-color: #3a3a48;
|
||||
}
|
||||
.lang-switcher__option.is-active {
|
||||
background: rgba(229, 57, 53, 0.15);
|
||||
border-color: rgba(229, 57, 53, 0.4);
|
||||
}
|
||||
.brand { font-weight: 800; font-size: 1.15rem; letter-spacing: 0.03em; color: #fff; flex-shrink: 0; }
|
||||
.brand span { color: #e53935; }
|
||||
.mast-brand {
|
||||
@@ -197,6 +288,12 @@ body.nav-menu-open { overflow: hidden; }
|
||||
font-size: 1.05rem !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.nav-lang {
|
||||
margin-left: 0;
|
||||
margin-top: 4px;
|
||||
justify-content: flex-end;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 900px) {
|
||||
@@ -248,6 +345,10 @@ body.nav-menu-open { overflow: hidden; }
|
||||
.nav-actions {
|
||||
flex-wrap: nowrap;
|
||||
gap: 8px 12px;
|
||||
margin-left: auto;
|
||||
}
|
||||
.nav-lang {
|
||||
margin-left: 2px;
|
||||
}
|
||||
.nav-backdrop { display: none !important; }
|
||||
}
|
||||
@@ -466,6 +567,251 @@ body.nav-menu-open { overflow: hidden; }
|
||||
color: #888;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.team-public-page { padding-top: 20px; padding-bottom: 48px; }
|
||||
.team-public-hero { margin-bottom: 28px; }
|
||||
.team-public-meta {
|
||||
margin: 0 0 12px;
|
||||
color: #aaa;
|
||||
font-size: 0.92rem;
|
||||
}
|
||||
.team-public-actions {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
.team-public-section { margin-bottom: 32px; }
|
||||
.team-public-more { margin-top: 16px; }
|
||||
.team-public-more a { color: #e53935; text-decoration: none; }
|
||||
.team-public-more a:hover { text-decoration: underline; }
|
||||
.team-public-roster .roster-section { margin-bottom: 16px; }
|
||||
.team-public-empty { margin-top: 24px; }
|
||||
.team-public-empty { margin-top: 24px; }
|
||||
.team-directory { padding-top: 20px; padding-bottom: 48px; }
|
||||
.team-directory-filters { margin: 20px 0 16px; }
|
||||
.team-directory-filters__search { margin-bottom: 16px; }
|
||||
.team-directory-filters__row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 16px 20px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.team-directory-filters__field {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 0;
|
||||
}
|
||||
.team-directory-filters__field--chips {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.team-directory-filters__label {
|
||||
display: block;
|
||||
margin: 0 0 8px;
|
||||
font-size: 0.82rem;
|
||||
font-weight: 500;
|
||||
color: #9a9aaa;
|
||||
line-height: 1.2;
|
||||
min-height: 1.2em;
|
||||
}
|
||||
.team-directory-filters__label--spacer {
|
||||
visibility: hidden;
|
||||
}
|
||||
.team-directory-filters__select {
|
||||
width: 100%;
|
||||
max-width: 240px;
|
||||
height: 44px;
|
||||
margin: 0;
|
||||
padding: 0 14px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #34344a;
|
||||
background: #14141c;
|
||||
color: #fff;
|
||||
font-size: 0.95rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.team-directory-filters__select:focus {
|
||||
outline: none;
|
||||
border-color: #e53935;
|
||||
box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.25);
|
||||
}
|
||||
.team-directory-chips {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
min-height: 44px;
|
||||
}
|
||||
.filter-chip {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
margin: 0;
|
||||
}
|
||||
.filter-chip__input {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
.filter-chip__face {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
height: 44px;
|
||||
box-sizing: border-box;
|
||||
padding: 0 16px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid #34344a;
|
||||
background: #14141c;
|
||||
color: #b8b8c8;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.01em;
|
||||
transition: border-color 0.15s, background 0.15s, color 0.15s, box-shadow 0.15s;
|
||||
}
|
||||
.filter-chip:hover .filter-chip__face {
|
||||
border-color: #4a4a62;
|
||||
color: #eee;
|
||||
}
|
||||
.filter-chip__input:focus-visible + .filter-chip__face {
|
||||
outline: 2px solid rgba(229, 57, 53, 0.55);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
.filter-chip.is-active .filter-chip__face,
|
||||
.filter-chip__input:checked + .filter-chip__face {
|
||||
border-color: rgba(229, 57, 53, 0.75);
|
||||
background: rgba(229, 57, 53, 0.14);
|
||||
color: #fff;
|
||||
box-shadow: inset 0 0 0 1px rgba(229, 57, 53, 0.2);
|
||||
}
|
||||
.filter-chip__dot {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: #666;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.filter-chip__dot--live {
|
||||
background: #e53935;
|
||||
box-shadow: 0 0 8px rgba(229, 57, 53, 0.7);
|
||||
}
|
||||
.filter-chip.is-active .filter-chip__dot--live,
|
||||
.filter-chip__input:checked + .filter-chip__face .filter-chip__dot--live {
|
||||
animation: filter-chip-pulse 1.4s ease-in-out infinite;
|
||||
}
|
||||
.filter-chip__icon {
|
||||
font-size: 0.7rem;
|
||||
opacity: 0.85;
|
||||
line-height: 1;
|
||||
}
|
||||
@keyframes filter-chip-pulse {
|
||||
0%, 100% { opacity: 1; transform: scale(1); }
|
||||
50% { opacity: 0.55; transform: scale(0.85); }
|
||||
}
|
||||
.team-directory-filters__actions {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.team-directory-filters__reset {
|
||||
height: 44px;
|
||||
box-sizing: border-box;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
margin: 0;
|
||||
}
|
||||
.team-directory-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
||||
gap: 16px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.team-directory-card {
|
||||
display: flex;
|
||||
gap: 14px;
|
||||
padding: 16px;
|
||||
background: #16161e;
|
||||
border: 1px solid #2a2a36;
|
||||
border-radius: 12px;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
transition: border-color 0.15s, transform 0.15s;
|
||||
}
|
||||
.team-directory-card:hover {
|
||||
border-color: #e53935;
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
.team-directory-card__media { flex-shrink: 0; }
|
||||
.team-directory-card__photo {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
border-radius: 10px;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
.team-directory-card__photo--logo {
|
||||
object-fit: contain;
|
||||
background: #111;
|
||||
padding: 8px;
|
||||
}
|
||||
.team-directory-card__photo--fallback {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #1f1f28;
|
||||
color: #e53935;
|
||||
font-weight: 700;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
.team-directory-card__body { min-width: 0; }
|
||||
.team-directory-card__club {
|
||||
margin: 0 0 4px;
|
||||
font-size: 0.78rem;
|
||||
color: #888;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.04em;
|
||||
}
|
||||
.team-directory-card__name {
|
||||
margin: 0 0 6px;
|
||||
font-size: 1.05rem;
|
||||
color: #fff;
|
||||
line-height: 1.25;
|
||||
}
|
||||
.team-directory-card__meta {
|
||||
margin: 0 0 10px;
|
||||
font-size: 0.85rem;
|
||||
color: #999;
|
||||
}
|
||||
.team-directory-card__badges {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 6px;
|
||||
}
|
||||
.team-directory-footer {
|
||||
margin-top: 28px;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.team-directory-footer a { color: #e53935; text-decoration: none; }
|
||||
.team-directory-footer a:hover { text-decoration: underline; }
|
||||
.roster-hero__photo--logo { object-fit: contain; background: #111; padding: 16px; }
|
||||
.team-public-logo-fallback {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 2rem;
|
||||
font-weight: 700;
|
||||
color: var(--club-primary, #e53935);
|
||||
}
|
||||
.live-card__team-link {
|
||||
color: inherit;
|
||||
text-decoration: underline;
|
||||
text-decoration-color: rgba(229, 57, 53, 0.45);
|
||||
text-underline-offset: 2px;
|
||||
}
|
||||
.live-card__team-link:hover { color: #fff; text-decoration-color: #e53935; }
|
||||
.team-streaming-staff {
|
||||
margin-top: 36px;
|
||||
padding-top: 28px;
|
||||
@@ -1395,11 +1741,11 @@ body.cookie-banner-visible {
|
||||
}
|
||||
|
||||
.replay-archive-table__col-status {
|
||||
width: 18%;
|
||||
width: 14%;
|
||||
}
|
||||
|
||||
.replay-archive-table__col-actions {
|
||||
width: 12%;
|
||||
width: 16%;
|
||||
}
|
||||
|
||||
.replay-archive__detail-line {
|
||||
@@ -1418,7 +1764,7 @@ body.cookie-banner-visible {
|
||||
}
|
||||
|
||||
.replay-archive-table__col-status .replay-archive__status {
|
||||
margin-bottom: 6px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.replay-archive__thumb {
|
||||
@@ -1483,7 +1829,13 @@ a.replay-archive__thumb:hover {
|
||||
.replay-archive__privacy-form,
|
||||
.replay-archive__action-form {
|
||||
margin: 0;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.replay-archive__title-form {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.replay-archive__title-input {
|
||||
@@ -1493,11 +1845,50 @@ a.replay-archive__thumb:hover {
|
||||
font-size: 0.88rem;
|
||||
}
|
||||
|
||||
.replay-archive__privacy-select {
|
||||
width: 100%;
|
||||
.replay-archive__privacy-toggle {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 0;
|
||||
padding: 6px 8px;
|
||||
font-size: 0.8rem;
|
||||
padding: 0;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #3a3a48;
|
||||
background: #1c1c26;
|
||||
color: #c8c8d4;
|
||||
cursor: pointer;
|
||||
transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
|
||||
}
|
||||
.replay-archive__privacy-toggle:hover {
|
||||
border-color: #6a6a7a;
|
||||
background: #262632;
|
||||
color: #fff;
|
||||
}
|
||||
.replay-archive__privacy-toggle--public {
|
||||
color: #81c784;
|
||||
border-color: rgba(129, 199, 132, 0.35);
|
||||
background: rgba(76, 175, 80, 0.12);
|
||||
}
|
||||
.replay-archive__privacy-toggle--public:hover {
|
||||
border-color: #81c784;
|
||||
background: rgba(76, 175, 80, 0.2);
|
||||
color: #a5d6a7;
|
||||
}
|
||||
.replay-archive__privacy-toggle--unlisted {
|
||||
color: #ffca28;
|
||||
border-color: rgba(255, 202, 40, 0.35);
|
||||
background: rgba(255, 193, 7, 0.1);
|
||||
}
|
||||
.replay-archive__privacy-toggle--unlisted:hover {
|
||||
border-color: #ffca28;
|
||||
background: rgba(255, 193, 7, 0.18);
|
||||
color: #ffe082;
|
||||
}
|
||||
.replay-archive__privacy-icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.replay-archive__status {
|
||||
|
||||
Reference in New Issue
Block a user