diff --git a/src/webpage/style.css b/src/webpage/style.css index cb9ec48c..23b95749 100644 --- a/src/webpage/style.css +++ b/src/webpage/style.css @@ -796,6 +796,7 @@ textarea { height: 32px; width: 32px; border-radius: 50%; + object-fit: cover; cursor: pointer; user-select: none; } @@ -2045,8 +2046,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 { @@ -2069,7 +2072,8 @@ span.instanceStatus { color: var(--primary-text-prominent); } #channels .liststyle { - margin: 0 8px; + margin-left: 8px; + margin-right: 8px; } /* Dock */ @@ -2581,7 +2585,6 @@ span.instanceStatus { } } .username { - margin-top: auto; font-weight: bold; word-break: break-all; cursor: pointer; @@ -2598,10 +2601,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; @@ -2622,7 +2626,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; @@ -2631,6 +2634,7 @@ span.instanceStatus { flex-grow: 0; width: fit-content; background-clip: border-box !important; + align-self: center; } .membererror { display: inline-block; @@ -2736,7 +2740,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 { @@ -2759,13 +2763,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 { @@ -4337,6 +4341,10 @@ fieldset input[type="radio"] { .reactiondiv { padding-left: 44px; } + .sticker { + height: auto; + max-width: 100%; + } #realbox, #logindiv, #pasteimg { @@ -4627,7 +4635,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; } } @@ -4643,7 +4651,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;