mirror of
https://github.com/williamsjack/pairwise-glicko-ranking.git
synced 2026-07-22 06:44:09 +00:00
93 lines
2.1 KiB
CSS
93 lines
2.1 KiB
CSS
/* Floating controls for Elo arena */
|
|
.elo-session-bar {
|
|
position: fixed;
|
|
left: 50%;
|
|
bottom: var(--size-4-4); /* 16px */
|
|
transform: translateX(-50%);
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--size-4-3); /* 12px */
|
|
background-color: var(--background-primary);
|
|
color: var(--text-normal);
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: var(--radius-m);
|
|
padding: var(--size-4-2) var(--size-4-3); /* 8px 12px */
|
|
box-shadow: var(--shadow-s);
|
|
z-index: var(--layer-notice);
|
|
pointer-events: auto;
|
|
|
|
/* Typography for UI surface */
|
|
font-size: var(--font-ui-medium);
|
|
line-height: var(--line-height-tight);
|
|
}
|
|
|
|
.elo-session-bar .elo-side {
|
|
min-width: 14ch;
|
|
text-align: center;
|
|
font-weight: var(--font-semibold);
|
|
}
|
|
|
|
.elo-session-bar .elo-controls {
|
|
display: flex;
|
|
gap: var(--size-4-2); /* 8px */
|
|
align-items: center;
|
|
}
|
|
|
|
.elo-session-bar button {
|
|
font-size: var(--font-ui-small);
|
|
line-height: var(--line-height-tight);
|
|
padding: var(--size-4-1) var(--size-4-2); /* 4px 8px */
|
|
border-radius: var(--radius-s);
|
|
}
|
|
|
|
.cohort-item-info {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Settings accordions */
|
|
.elo-settings-accordion {
|
|
margin-top: var(--size-4-3); /* 12px */
|
|
}
|
|
|
|
.elo-settings-accordion > summary {
|
|
cursor: pointer;
|
|
font-weight: var(--font-semibold);
|
|
font-size: var(--font-ui-medium);
|
|
margin-bottom: var(--size-4-2); /* 8px */
|
|
}
|
|
|
|
.elo-settings-accordion .elo-settings-body {
|
|
padding-top: var(--size-4-3); /* 12px */
|
|
margin-left: var(--size-4-1); /* 4px */
|
|
padding-left: var(--size-4-3); /* 12px */
|
|
border-left: 2px solid var(--background-modifier-border);
|
|
}
|
|
|
|
/* Generic muted text helper */
|
|
.elo-muted {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* Tag cohort picker: selected tags list */
|
|
.elo-selected-tags {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--size-2-3); /* 6px */
|
|
line-height: var(--line-height-tight);
|
|
}
|
|
|
|
.elo-tag-wrap {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.elo-tag-remove {
|
|
margin-left: var(--size-2-3); /* 6px */
|
|
font-size: var(--font-ui-small);
|
|
line-height: var(--line-height-tight);
|
|
}
|
|
|
|
/* Non-interactive setting row (e.g. suggestion rows with a Use button) */
|
|
.elo-static {
|
|
cursor: default;
|
|
}
|