diff --git a/src/assets/localization/fallback.strings b/src/assets/localization/fallback.strings index fce5bab4f..8e2c5cc47 100644 --- a/src/assets/localization/fallback.strings +++ b/src/assets/localization/fallback.strings @@ -1635,3 +1635,4 @@ "CollectibleStatusesCategory" = "Collectibles"; "PeerPersonalAccount" = "personal account"; "PeerChannel" = "channel"; +"WebAppCollapse" = "Collapse"; diff --git a/src/components/modals/webApp/WebAppModalTabContent.module.scss b/src/components/modals/webApp/WebAppModalTabContent.module.scss index e9d3075c8..b0d3a28c1 100644 --- a/src/components/modals/webApp/WebAppModalTabContent.module.scss +++ b/src/components/modals/webApp/WebAppModalTabContent.module.scss @@ -302,6 +302,7 @@ padding: 1rem; padding-inline-end: calc(1rem + var(--scrollbar-width)); justify-content: space-between; + pointer-events: none; } .icon { @@ -331,6 +332,7 @@ border-radius: 1rem; background-color: rgba(0, 0, 0, 0.2); backdrop-filter: blur(25px); + pointer-events: auto; &:hover { background-color: rgba(0, 0, 0, 0.1); diff --git a/src/components/modals/webApp/WebAppModalTabContent.tsx b/src/components/modals/webApp/WebAppModalTabContent.tsx index 2c5371392..caef27433 100644 --- a/src/components/modals/webApp/WebAppModalTabContent.tsx +++ b/src/components/modals/webApp/WebAppModalTabContent.tsx @@ -972,14 +972,14 @@ const WebAppModalTabContent: FC = ({ styles.headerButton, styles.left, )} + tabIndex={0} + role="button" + aria-label={lang('WebAppCollapse')} + onClick={handleCollapseClick} >
= ({ styles.headerButton, styles.right, )} + tabIndex={0} + role="button" + aria-haspopup="menu" + aria-label={lang('AriaMoreButton')} + onClick={handleShowContextMenu} > = ({ styles.icon, styles.moreIcon, )} - onClick={handleShowContextMenu} />
diff --git a/src/types/language.d.ts b/src/types/language.d.ts index fa3a82173..ad46ba74f 100644 --- a/src/types/language.d.ts +++ b/src/types/language.d.ts @@ -1335,6 +1335,7 @@ export interface LangPair { 'CollectibleStatusesCategory': undefined; 'PeerPersonalAccount': undefined; 'PeerChannel': undefined; + 'WebAppCollapse': undefined; } export interface LangPairWithVariables {