mirrors/element-web
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2025-11-04 02:02:14 +01:00
Code Issues Projects Releases Wiki Activity

Fix access token copy button

Browse Source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-06-21 12:17:51 +02:00
parent e9ea3cad76
commit b3ac0c71e1
No known key found for this signature in database
GPG Key ID: 9760693FDD98A790
2 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
res/css/views/settings/tabs/user/_HelpUserSettingsTab.scss
View File

@ -28,7 +28,7 @@ limitations under the License.
user-select: all; user-select: all;
} }
.mx_HelpUserSettingsTab_accessToken { .mx_HelpUserSettingsTab_copy {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
border-radius: 5px; border-radius: 5px;
@ -36,20 +36,24 @@ limitations under the License.
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 10px; margin-top: 10px;
padding: 10px; padding: 10px;
}
.mx_HelpUserSettingsTab_accessToken_copy { .mx_HelpUserSettingsTab_copyButton {
flex-shrink: 0; flex-shrink: 0;
cursor: pointer; width: 20px;
margin-left: 20px; height: 20px;
display: inherit; cursor: pointer;
} margin-left: 20px;
display: block;
.mx_HelpUserSettingsTab_accessToken_copy > div { &::before {
mask-image: url($copy-button-url); content: "";
background-color: $message-action-bar-fg-color;
margin-left: 5px; mask-image: url($copy-button-url);
width: 20px; background-color: $message-action-bar-fg-color;
height: 20px; width: 20px;
background-repeat: no-repeat; height: 20px;
display: block;
background-repeat: no-repeat;
}
}
} }

4
src/components/views/settings/tabs/user/HelpUserSettingsTab.tsx
View File

@ -300,12 +300,12 @@ export default class HelpUserSettingsTab extends React.Component<IProps, IState>
<summary>{_t("Access Token")}</summary><br /> <summary>{_t("Access Token")}</summary><br />
<b>{_t("Your access token gives full access to your account." <b>{_t("Your access token gives full access to your account."
+ " Do not share it with anyone." )}</b> + " Do not share it with anyone." )}</b>
<div className="mx_HelpUserSettingsTab_accessToken"> <div className="mx_HelpUserSettingsTab_copy">
<code>{MatrixClientPeg.get().getAccessToken()}</code> <code>{MatrixClientPeg.get().getAccessToken()}</code>
<AccessibleTooltipButton <AccessibleTooltipButton
title={_t("Copy")} title={_t("Copy")}
onClick={this.onAccessTokenCopyClick} onClick={this.onAccessTokenCopyClick}
className="mx_HelpUserSettingsTab_accessToken_copy" className="mx_HelpUserSettingsTab_copyButton"
/> />
</div> </div>
</details><br /> </details><br />