this repo has no description
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Hide open media file in More button

+34 -15
+3
src/app.css
··· 900 900 pointer-events: auto; 901 901 font-weight: bold; 902 902 } 903 + .carousel-top-controls .szh-menu-container { 904 + pointer-events: auto; 905 + } 903 906 :is(.button, button).carousel-button[hidden] { 904 907 display: inline-block; 905 908 opacity: 0;
src/components/MenuLink.jsx src/components/menu-link.jsx
+28 -12
src/components/media-modal.jsx
··· 6 6 import Icon from './icon'; 7 7 import Link from './link'; 8 8 import Media from './media'; 9 + import MenuLink from './menu-link'; 9 10 import Modal from './modal'; 10 11 import TranslationBlock from './translation-block'; 11 12 ··· 178 179 <span /> 179 180 )} 180 181 <span> 182 + <Menu 183 + overflow="auto" 184 + align="end" 185 + position="anchor" 186 + boundingBoxPadding="8 8 8 8" 187 + offsetY={4} 188 + menuClassName="glass-menu" 189 + menuButton={ 190 + <button type="button" class="carousel-button plain3"> 191 + <Icon icon="more" alt="More" /> 192 + </button> 193 + } 194 + > 195 + <MenuLink 196 + href={ 197 + mediaAttachments[currentIndex]?.remoteUrl || 198 + mediaAttachments[currentIndex]?.url 199 + } 200 + class="carousel-button plain3" 201 + target="_blank" 202 + title="Open original media in new window" 203 + > 204 + <Icon icon="popout" /> 205 + <span>Open original media</span> 206 + </MenuLink> 207 + </Menu>{' '} 181 208 <Link 182 209 to={instance ? `/${instance}/s/${statusID}` : `/s/${statusID}`} 183 210 class="button carousel-button media-post-link plain3" ··· 191 218 }} 192 219 > 193 220 <span class="button-label">See post </span>&raquo; 194 - </Link>{' '} 195 - <a 196 - href={ 197 - mediaAttachments[currentIndex]?.remoteUrl || 198 - mediaAttachments[currentIndex]?.url 199 - } 200 - target="_blank" 201 - class="button carousel-button plain3" 202 - title="Open original media in new window" 203 - > 204 - <Icon icon="popout" alt="Open original media in new window" /> 205 - </a>{' '} 221 + </Link> 206 222 </span> 207 223 </div> 208 224 {mediaAttachments?.length > 1 && (
+1 -1
src/components/menu.jsx
··· 8 8 9 9 import Avatar from './avatar'; 10 10 import Icon from './icon'; 11 - import MenuLink from './MenuLink'; 11 + import MenuLink from './menu-link'; 12 12 13 13 function NavMenu(props) { 14 14 const snapStates = useSnapshot(states);
+1 -1
src/components/shortcuts.jsx
··· 12 12 import AsyncText from './AsyncText'; 13 13 import Icon from './icon'; 14 14 import Link from './link'; 15 - import MenuLink from './MenuLink'; 15 + import MenuLink from './menu-link'; 16 16 17 17 function Shortcuts() { 18 18 const snapStates = useSnapshot(states);
+1 -1
src/components/status.jsx
··· 39 39 import Icon from './icon'; 40 40 import Link from './link'; 41 41 import Media from './media'; 42 - import MenuLink from './MenuLink'; 42 + import MenuLink from './menu-link'; 43 43 import RelativeTime from './relative-time'; 44 44 import TranslationBlock from './translation-block'; 45 45