Skip to content

mobile sticker width + text baseline + theme colors #295

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
MathMan05 merged 10 commits into from
Mar 14, 2026
Merged

mobile sticker width + text baseline + theme colors #295

Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
66e92b8
mobile sticker width + timestamp baseline
ygg2 Mar 5, 2026
05908ae
Merge remote-tracking branch 'upstream/main'
ygg2 Mar 6, 2026
2356762
make non-square pfps not stretch
ygg2 Mar 6, 2026
b30bab3
match DM style to channel style
ygg2 Mar 7, 2026
d53a9d3
sorry, missed one part
ygg2 Mar 7, 2026
0f372ed
more light/white theme adjust
ygg2 Mar 7, 2026
4fe1903
fix baseline real
ygg2 Mar 9, 2026
bfa99ad
Merge remote-tracking branch 'upstream/main'
ygg2 Mar 9, 2026
83a7517
Merge remote-tracking branch 'upstream/main'
ygg2 Mar 12, 2026
ea21626
TIL placeholder doesn't inherit text color
ygg2 Mar 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 21 additions & 10 deletions src/webpage/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -768,6 +768,9 @@ textarea {
::-webkit-calendar-picker-indicator {
opacity: 1;
}
::placeholder {
color: color-mix(in srgb, var(--primary-text-soft), transparent);
}
:focus-visible {
outline: 2px solid var(--focus);
outline-offset: 0;
Expand Down Expand Up @@ -796,6 +799,7 @@ textarea {
height: 32px;
width: 32px;
border-radius: 50%;
object-fit: cover;
cursor: pointer;
user-select: none;
}
Expand Down Expand Up @@ -2045,8 +2049,10 @@ span.instanceStatus {
flex-shrink: 0;
margin-bottom: 4px;
transition: background 0.2s;
&.viewChannel {
background: #00000050;
&.viewChannel, &.viewChannel:hover {
background: var(--channel-selected);
color: var(--primary-text-prominent);
font-weight: bold;
}
}
.memberListStyle {
Expand All @@ -2069,7 +2075,8 @@ span.instanceStatus {
color: var(--primary-text-prominent);
}
#channels .liststyle {
margin: 0 8px;
margin-left: 8px;
margin-right: 8px;
}

/* Dock */
Expand Down Expand Up @@ -2581,7 +2588,6 @@ span.instanceStatus {
}
}
.username {
margin-top: auto;
font-weight: bold;
word-break: break-all;
cursor: pointer;
Expand All @@ -2598,10 +2604,11 @@ span.instanceStatus {
width: 20px;
height: 20px;
object-fit: contain;
align-self: center;
}
.userwrap {
display: flex;
align-items: flex-end;
align-items: baseline;
}
.pinText {
cursor: pointer;
Expand All @@ -2622,7 +2629,6 @@ span.instanceStatus {
.bot {
padding: 2px 5px;
margin-left: 4px;
vertical-align: 1px;
background: color-mix(in srgb, var(--accent-color) 75%, transparent) !important;
font-size: 0.75em !important;
font-weight: bold;
Expand All @@ -2631,6 +2637,7 @@ span.instanceStatus {
flex-grow: 0;
width: fit-content;
background-clip: border-box !important;
align-self: center;
}
.membererror {
display: inline-block;
Expand Down Expand Up @@ -2736,7 +2743,7 @@ span .quote:last-of-type .quoteline {
margin-bottom: 4px;
font-size: 0.9em;
color: var(--reply-text);
align-items: center;
align-items: baseline;
gap: 4px;
}
.replyflex::before {
Expand All @@ -2759,13 +2766,13 @@ span .quote:last-of-type .quoteline {
.replypfp {
height: 20px;
width: 20px;
align-self: center;
}
.replyflex .username {
flex: none;
max-width: calc(100% - 75px);
}
.replytext {
margin-top: auto;
cursor: pointer;
}
.replytext a {
Expand Down Expand Up @@ -4337,6 +4344,10 @@ fieldset input[type="radio"] {
.reactiondiv {
padding-left: 44px;
}
.sticker {
height: auto;
max-width: 100%;
}
#realbox,
#logindiv,
#pasteimg {
Expand Down Expand Up @@ -4627,7 +4638,7 @@ fieldset input[type="radio"] {
display: inline-flex;
align-items: center;
justify-content: center;
background: #00000099;
background: color-mix(in srgb, var(--card-bg) 60%, transparent);
font-weight: bold;
}
}
Expand All @@ -4643,7 +4654,7 @@ fieldset input[type="radio"] {
overflow-x: clip;
}
.searchGifBar {
background: var(--black);
background: var(--card-bg);
}
.vr-message {
border-right: 1px solid var(--black) !important;
Expand Down
Loading