snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/app/theme/client/imports/components/emoji.css

@@ -0,0 +1,81 @@
+/* Wrapper for Segoe UI Emoji correcting its metrics: it paints its ink low
+relative to its metric midpoint (so vertical-align: middle sits glyphs ~2px
+below the text center) and ~15% larger than the other platform emoji fonts.
+Only exists on Windows, so other platforms skip it in the fallback list. */
+@font-face {
+	font-family: rc-emoji-segoe;
+	src: local('Segoe UI Emoji');
+	ascent-override: 90%;
+	descent-override: 25%;
+	size-adjust: 85%;
+}
+
+/* Global emoji styles */
+.emoji {
+	font-family: 'Apple Color Emoji', rc-emoji-segoe, 'Noto Color Emoji', 'Twemoji Mozilla', 'Android Emoji', sans-serif;
+	font-size: 1.375rem;
+
+	/* Must exceed the emoji fonts' ink height — ~1.13em on Noto Color Emoji and on
+	size-adjusted Segoe UI Emoji (rc-emoji-segoe) — otherwise the glyph paints outside
+	the line box and gets cut by overflow: hidden ancestors (message body, announcement
+	banner). */
+	line-height: 1.2;
+	vertical-align: middle;
+
+	/* custom emojis */
+	&--custom {
+		height: 1.375rem;
+		width: 1.375rem;
+		overflow: hidden;
+		position: relative;
+		white-space: nowrap;
+		text-indent: 100%;
+		vertical-align: bottom;
+		display: inline-block;
+		margin: 0 .15em;
+		background-position: 50%;
+		background-repeat: no-repeat;
+		background-size: contain;
+	}
+}
+
+/* emoji picker */
+.rcx-button .emoji {
+	font-size: 1.375rem;
+	line-height: 1.5rem;
+}
+
+.rcx-message {
+	/* emojis on messages */
+	&__emoji {
+		font-family: 'Apple Color Emoji', rc-emoji-segoe, 'Noto Color Emoji', 'Twemoji Mozilla', 'Android Emoji', sans-serif;
+
+		/* Fuselage fixes this box at 1.5rem inline-block, sized for image emojis. Native
+		glyphs on Segoe UI Emoji/Noto Color Emoji paint taller and wider than that box, and
+		the overhang gets clipped by the message body's overflow: hidden — so let the box
+		grow to the glyph. inline-block also aligns by geometric box while the announcement
+		banner's .emoji span (plain inline) aligns by font metrics; Segoe UI Emoji's
+		asymmetric metrics make those disagree by ~2px, leaving message glyphs off-center.
+		Use the same inline model everywhere. */
+		&:not(&--custom) {
+			display: inline;
+			width: auto;
+			height: auto;
+			line-height: 1.2;
+		}
+	}
+}
+
+.rcx-message-reactions {
+	&__emoji {
+		/* Can't be written as `&--custom` like the .rcx-message rule above: custom emojis here
+		carry the renderer's global `.emoji--custom` class, not a block modifier. */
+		/* stylelint-disable-next-line selector-class-pattern */
+		&:not(.emoji--custom) {
+			width: auto;
+			height: auto;
+			font-size: 1rem;
+			line-height: 1.2;
+		}
+	}
+}

apps/meteor/app/theme/client/imports/components/flex-nav.css

@@ -0,0 +1,19 @@
+.flex-nav {
+	position: absolute;
+	z-index: 3;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	transition: transform 0.15s cubic-bezier(0.5, 0, 0.1, 1);
+	background-color: var(--flex-nav-background);
+	will-change: transform;
+
+	&.animated-hidden {
+		transform: translate3d(-100%, 0, 0);
+	}
+}
+
+.rtl .flex-nav.animated-hidden {
+	transform: translate3d(200%, 0, 0);
+}

apps/meteor/app/theme/client/imports/components/loading.css

@@ -0,0 +1,54 @@
+.loading {
+	&__animation {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	&__animation__bounce {
+		display: inline-block;
+		width: 1rem;
+		height: 1rem;
+		margin: 2px;
+		animation: loading-bouncedelay 1.4s infinite ease-in-out both;
+		animation-delay: -0.32s;
+		border-radius: 100%;
+		background-color: var(--loading-bounce-color-light);
+
+		@media (prefers-color-scheme: dark) {
+			background: var(--loading-bounce-color-dark);
+		}
+	}
+
+	&__animation__bounce--medium {
+		display: inline-block;
+		width: 1.25rem;
+		height: 1.25rem;
+	}
+
+	&__animation__bounce--large {
+		display: inline-block;
+		width: 1.5rem;
+		height: 1.5rem;
+	}
+
+	&__animation__bounce + &__animation__bounce {
+		animation-delay: -0.16s;
+	}
+
+	&__animation__bounce + &__animation__bounce + &__animation__bounce {
+		animation-delay: 0s;
+	}
+}
+
+@keyframes loading-bouncedelay {
+	0%,
+	80%,
+	100% {
+		transform: scale(0);
+	}
+
+	40% {
+		transform: scale(1);
+	}
+}