sendou.ink/app/features/sendouq/q.css
Kalle e7bbb565be
SendouQ (#1455)
* Tables

* Clocks

* Maplist preference selector

* Fix SSR

* Nav icon

* RankedOrScrim

* Map pool

* Create group

* Redirect logic

* Persist map pool

* Advance from preparing page

* Rename query

* Fix merge

* Fix migration order

* Seed groups

* Find looking groups SQL

* Renders something

* More UI work

* Back to 30min

* Likes/dislikes

* Always return own group

* Fix like order

* 3 tc/rm/cb -> 2

* Show only 3 weapons

* Pass group size

* Handle both liked and liked by same group

* Fix SQL

* Group preference frontend work

* Morphing

* Styling

* Don't show group controls if not manager

* Give/remove manager

* Leave group

* Leave with confirm

* Delete likes when morphing groups

* Clocks consistency

* Remove bad invariant

* Persist settings to local storage

* Fix initial value flashing

* Fix never resolving loading indicator

* REFRESH_GROUP

* Flip animations

* Tweaks

* Auto refresh logic

* Groups of 4 seed

* Reduce throwing

* Load full groups initial

* Create match

* Match UI initial

* Score reporter initial

* Push footer down on match page

* Score reporter knows when set ended

* Score reporting untested

* Show score after report

* Align better

* Look again with same group functionality

* More migrations

* Team on match page

* Show confirmer before reporting score

* Report weapons

* Report weapos again by admin + skill changing

* Handle no tiebreaker given to MapPool

* Remove unranked

* Remove support for "team id skill"

* no-wrap -> nowrap

* Preparing page work

* Use common GroupCard component

* Add some metas

* MemberAdder in looking page

* Fix GroupCard actions

* Fix SZ only map list including other modes

* Add season info

* Prompt login

* Joining team

* Manage group on preparing page

* Manage group on preparing page

* Seed past matches

* Add to seed

* No map list preference when full group + fix expiry

* Fix skill matchesCount calculation

* Tiers initial work

* Some progress on tiers

* Tiering logic

* MMR in group cards

* Name to challenge

* Team MMR

* Big team rank icons

* Adjust todos

* Match score report with confirm

* Allow regular members to report score

* Handle reporting weapons edge cases

* Add tier images

* Improve GroupCard spacing

* Refactor looking page

* Looking mobile UI

* Calculate skill only for current season

* Divide groups visually when reporting weapons

* Fix match page weapons sorting

* Add cache to user skills+tier calculation

* Admin report match score

* Initial leaderboard

* Cached leaderboard

* Weapon category lb's

* Populate SkillTeamUser in SendouQ

* Team leaderboard filtered down

* Add TODOs

* Seasons initlal

* Season weapons initial

* Weapons stylized

* Show rest weapons as +

* Hide peak if same as current

* Load matches SQL initial

* Season matches UI initial

* Take user id in account

* Add weapons

* Paginated matches

* Fix pages count logic

* Scroll top on data change

* Day headers for matches

* Link from user page to user seasons page

* Summarize maps + ui initial

* Map stats

* Player info tabs

* MMR chart

* Chart adjustments

* Handle basing team MMR on player MMR

* Set initial MMR

* Add info about discord to match page

* Season support to tournaments

* Get tournament skills as well for the graph

* WIP

* New team rating logic + misc other

* tiered -> tiered.server

* Update season starting time

* TODOs

* Add rules page

* Hide elements correctly when off-season

* Fix crash when only one player with skill

* How-to video

* Fix StartRank showing when not logged in

* Make user leaderboard the default

* Make Skill season non-nullable

* Add suggested pass to match

* Add rule

* identifierToUserIds helper

* Fix tiers not showing
2023-08-12 22:42:54 +03:00

155 lines
2.6 KiB
CSS

.twf {
width: 1.5rem;
height: 1.5rem;
}
.q__clocks-container {
display: flex;
gap: var(--s-2);
}
.q__clock {
font-size: var(--fonts-sm);
font-weight: var(--bold);
color: var(--text-lighter);
align-items: center;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
flex: 1 1 0;
line-height: 1.3;
}
.q__clock-country {
color: var(--text) !important;
white-space: nowrap;
font-size: var(--fonts-xs);
}
.q__header {
font-size: var(--fonts-lg);
}
.q__map-preference-label {
margin-block-end: 0;
font-weight: var(--semi-bold);
display: flex;
align-items: center;
gap: var(--s-1);
color: var(--text-lighter);
}
.q__map-pool-grid {
display: grid;
grid-template-columns: repeat(7, max-content);
gap: var(--s-2-5);
font-size: var(--fonts-xs);
align-items: center;
}
.q__map-pool-grid__stage-image {
border-radius: 7px;
}
.q__own-group-container {
margin: 0 auto;
min-width: 300px;
}
.q__groups-container {
display: grid;
justify-content: center;
grid-template-columns: 1fr 1fr 1fr;
gap: var(--s-6);
}
.q__mobile-groups-container {
max-width: 300px;
margin: 0 auto;
}
.q__group {
background-color: var(--bg-lighter-solid);
width: 100%;
border-radius: var(--rounded);
padding: var(--s-2-5);
display: flex;
flex-direction: column;
gap: var(--s-4);
}
.q__group-member {
display: flex;
gap: var(--s-2);
align-items: center;
font-size: var(--fonts-xs);
font-weight: var(--semi-bold);
color: var(--text);
}
.q__member-placeholder {
border-radius: 100%;
background-color: var(--bg-lightest);
height: 24px;
width: 24px;
display: grid;
place-items: center;
font-weight: var(--semi-bold);
}
.q__group-member-weapons {
display: flex;
gap: var(--s-1);
margin-block-start: -2px;
}
.q__group-member-weapon {
background-color: var(--bg);
border-radius: 100%;
padding: var(--s-1);
overflow: visible;
}
.q-preparing__card-container {
min-width: 250px;
margin: 0 auto;
}
.q-match__join-discord-section {
border-left: 4px solid var(--theme);
padding-inline-start: var(--s-4);
font-size: var(--fonts-sm);
color: var(--text-lighter);
}
.q-match__members-container {
min-width: 180px;
}
.q-match__container {
/** Push footer down to avoid it "flashing" when the score reporter animates */
padding-bottom: 14rem;
}
.q-match__header {
line-height: 1.2;
}
.q-match__teams-container {
display: grid;
grid-template-columns: 1fr;
gap: var(--s-4);
}
.q-match__weapon-grid-item {
width: 32px;
height: 32px;
}
@media screen and (min-width: 480px) {
.q-match__teams-container {
grid-template-columns: 1fr 1fr;
}
}