···66import Icon from './icon';
77import Link from './link';
88import Media from './media';
99+import MenuLink from './menu-link';
910import Modal from './modal';
1011import TranslationBlock from './translation-block';
1112···178179 <span />
179180 )}
180181 <span>
182182+ <Menu
183183+ overflow="auto"
184184+ align="end"
185185+ position="anchor"
186186+ boundingBoxPadding="8 8 8 8"
187187+ offsetY={4}
188188+ menuClassName="glass-menu"
189189+ menuButton={
190190+ <button type="button" class="carousel-button plain3">
191191+ <Icon icon="more" alt="More" />
192192+ </button>
193193+ }
194194+ >
195195+ <MenuLink
196196+ href={
197197+ mediaAttachments[currentIndex]?.remoteUrl ||
198198+ mediaAttachments[currentIndex]?.url
199199+ }
200200+ class="carousel-button plain3"
201201+ target="_blank"
202202+ title="Open original media in new window"
203203+ >
204204+ <Icon icon="popout" />
205205+ <span>Open original media</span>
206206+ </MenuLink>
207207+ </Menu>{' '}
181208 <Link
182209 to={instance ? `/${instance}/s/${statusID}` : `/s/${statusID}`}
183210 class="button carousel-button media-post-link plain3"
···191218 }}
192219 >
193220 <span class="button-label">See post </span>»
194194- </Link>{' '}
195195- <a
196196- href={
197197- mediaAttachments[currentIndex]?.remoteUrl ||
198198- mediaAttachments[currentIndex]?.url
199199- }
200200- target="_blank"
201201- class="button carousel-button plain3"
202202- title="Open original media in new window"
203203- >
204204- <Icon icon="popout" alt="Open original media in new window" />
205205- </a>{' '}
221221+ </Link>
206222 </span>
207223 </div>
208224 {mediaAttachments?.length > 1 && (
+1-1
src/components/menu.jsx
···8899import Avatar from './avatar';
1010import Icon from './icon';
1111-import MenuLink from './MenuLink';
1111+import MenuLink from './menu-link';
12121313function NavMenu(props) {
1414 const snapStates = useSnapshot(states);
+1-1
src/components/shortcuts.jsx
···1212import AsyncText from './AsyncText';
1313import Icon from './icon';
1414import Link from './link';
1515-import MenuLink from './MenuLink';
1515+import MenuLink from './menu-link';
16161717function Shortcuts() {
1818 const snapStates = useSnapshot(states);
+1-1
src/components/status.jsx
···3939import Icon from './icon';
4040import Link from './link';
4141import Media from './media';
4242-import MenuLink from './MenuLink';
4242+import MenuLink from './menu-link';
4343import RelativeTime from './relative-time';
4444import TranslationBlock from './translation-block';
4545