Regression: UserInfo/RoomInfo Menu (#26252)

apps/meteor/client/views/admin/users/UserInfoActions.js

@@ -301,7 +301,8 @@ export const UserInfoActions = ({ username, _id, isActive, isAdmin, onChange, on
 				mi='x4'
 				placement='bottom-start'
 				small={false}
-				ghost={false}
+				secondary
+				maxHeight='initial'
 				flexShrink={0}
 				key='menu'
 				renderItem={({ label: { label, icon }, ...props }) => <Option label={label} title={label} icon={icon} {...props} />}

apps/meteor/client/views/room/contextualBar/Info/RoomInfo/RoomInfo.js

@@ -96,7 +96,8 @@ const RoomInfo = ({
 				flexShrink={0}
 				mi='x2'
 				key='menu'
-				ghost={false}
+				maxHeight='initial'
+				secondary
 				renderItem={({ label: { label, icon }, ...props }) => <Option {...props} label={label} icon={icon} />}
 				options={menuOptions}
 			/>

apps/meteor/client/views/room/contextualBar/RoomMembers/List/components/UserActions.js

@@ -12,6 +12,7 @@ const UserActions = ({ username, _id, rid, reload }) => {
 	return (
 		<Menu
 			flexShrink={0}
+			maxHeight='initial'
 			key='menu'
 			tiny
 			renderItem={({ label: { label, icon }, ...props }) => <Option {...props} label={label} icon={icon} />}

apps/meteor/client/views/room/contextualBar/UserInfo/UserInfo.js

@@ -64,9 +64,11 @@ function UserInfo({
 				<InfoPanel.Section>
 					<InfoPanel.Title icon={status} title={getUserDisplayName(name, username, !!showRealNames)} />
 
-					<InfoPanel.Text>
-						<MarkdownText content={customStatus} parseEmoji={true} variant='inline' />
-					</InfoPanel.Text>
+					{customStatus && (
+						<InfoPanel.Text>
+							<MarkdownText content={customStatus} parseEmoji={true} variant='inline' />
+						</InfoPanel.Text>
+					)}
 				</InfoPanel.Section>
 
 				<InfoPanel.Section>

apps/meteor/client/views/room/contextualBar/UserInfo/actions/UserActions.js

@@ -17,8 +17,9 @@ const UserActions = ({ user, rid, backToList }) => {
 			<Menu
 				key='menu'
 				mi='x4'
-				ghost={false}
+				secondary
 				small={false}
+				maxHeight='initial'
 				renderItem={({ label: { label, icon }, ...props }) => <Option {...props} label={label} icon={icon} />}
 				flexShrink={0}
 				options={menuOptions}