diff --git a/.changeset/fix_more_visual_thingies.md b/.changeset/fix_more_visual_thingies.md new file mode 100644 index 000000000..eb929e558 --- /dev/null +++ b/.changeset/fix_more_visual_thingies.md @@ -0,0 +1,5 @@ +--- +default: patch +--- + +Fix even more visual stuffs. diff --git a/src/app/components/message/modals/Options.css.ts b/src/app/components/message/modals/Options.css.ts new file mode 100644 index 000000000..4ae9e201b --- /dev/null +++ b/src/app/components/message/modals/Options.css.ts @@ -0,0 +1,9 @@ +import { style } from '@vanilla-extract/css'; + +export const UserQuickMenuButton = style({ + selectors: { + '&:not(:hover)': { + background: 'transparent', + }, + }, +}); diff --git a/src/app/components/message/modals/Options.tsx b/src/app/components/message/modals/Options.tsx index da37d35bd..b7adf1a84 100644 --- a/src/app/components/message/modals/Options.tsx +++ b/src/app/components/message/modals/Options.tsx @@ -50,6 +50,7 @@ import { useIsBookmarked, } from '$features/bookmarks'; import { CopyIcon } from '@phosphor-icons/react'; +import * as OptionsCss from './Options.css'; function WrappedMessage({ isModal, @@ -368,6 +369,7 @@ export function OptionQuickMenu({ size="300" radii="300" aria-pressed={!!emojiBoardAnchor} + className={OptionsCss.UserQuickMenuButton} > {menuIcon(Smiley)} @@ -382,6 +384,7 @@ export function OptionQuickMenu({ variant="SurfaceVariant" size="300" radii="300" + className={OptionsCss.UserQuickMenuButton} > {menuIcon(ArrowBendUpLeftIcon)} @@ -395,6 +398,7 @@ export function OptionQuickMenu({ variant="SurfaceVariant" size="300" radii="300" + className={OptionsCss.UserQuickMenuButton} > {menuIcon(ChatCircleDots)} @@ -408,6 +412,7 @@ export function OptionQuickMenu({ variant="SurfaceVariant" size="300" radii="300" + className={OptionsCss.UserQuickMenuButton} > {menuIcon(PencilSimple)} @@ -442,6 +447,7 @@ export function OptionQuickMenu({ radii="300" onClick={handleOpenMenu} aria-pressed={!!menuAnchor} + className={OptionsCss.UserQuickMenuButton} > {menuIcon(DotsThreeOutlineVerticalIcon, { weight: menuAnchor ? 'fill' : 'regular', diff --git a/src/app/features/navigate/NavigateModal.tsx b/src/app/features/navigate/NavigateModal.tsx index 3687ef2eb..613f9b348 100644 --- a/src/app/features/navigate/NavigateModal.tsx +++ b/src/app/features/navigate/NavigateModal.tsx @@ -493,8 +493,6 @@ export function RoomSearchModal({ requestClose, pickRoom, isMobile }: RoomSearch <> Type # for rooms, @ for DMs and * for spaces. Hotkey:{' '} {isMacOS() ? KeySymbol.Command : 'Ctrl'} + k - {' / '} - {isMacOS() ? KeySymbol.Command : 'Ctrl'} + f > )} diff --git a/src/app/pages/client/home/Home.tsx b/src/app/pages/client/home/Home.tsx index b398adb3e..e0ed84784 100644 --- a/src/app/pages/client/home/Home.tsx +++ b/src/app/pages/client/home/Home.tsx @@ -539,6 +539,7 @@ export function Home() { })} + {!isMobile &&
} )} diff --git a/src/app/pages/client/sidebar/UserMenuTab.tsx b/src/app/pages/client/sidebar/UserMenuTab.tsx index 72e66f482..05d065a29 100644 --- a/src/app/pages/client/sidebar/UserMenuTab.tsx +++ b/src/app/pages/client/sidebar/UserMenuTab.tsx @@ -695,12 +695,7 @@ export function UserMenuTab({ isBottom, isMobile }: { isBottom?: boolean; isMobi } >