OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge pull request #6968 from andybalaam/cryptographypanel-table 

Convert CryptographyPanel to a table
pull/21833/head
Andy Balaam 2021-10-18 13:26:16 +01:00 committed by GitHub
parent 1d6c9fa8da 61a5b495b7
commit 4f3d761984
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
res/css/views/settings/_CryptographyPanel.scss
View File

@ -1,16 +1,17 @@
.mx_CryptographyPanel_sessionInfo { .mx_CryptographyPanel_sessionInfo {
display: table; padding: 0em;
padding-left: 0; border-spacing: 0px;
}
.mx_CryptographyPanel_sessionInfo > tr {
vertical-align: baseline;
padding: 0em;
} }
.mx_CryptographyPanel_sessionInfo > li { .mx_CryptographyPanel_sessionInfo > tr > td {
display: table-row; padding-bottom: 0em;
} padding-left: 0em;
.mx_CryptographyPanel_sessionInfo > li > label,
.mx_CryptographyPanel_sessionInfo > li > span {
display: table-cell;
padding-right: 1em; padding-right: 1em;
padding-top: 0em;
} }
.mx_CryptographyPanel_importExportButtons .mx_AccessibleButton { .mx_CryptographyPanel_importExportButtons .mx_AccessibleButton {

20
src/components/views/settings/CryptographyPanel.tsx
View File

@ -74,16 +74,16 @@ export default class CryptographyPanel extends React.Component<IProps, IState> {
return ( return (
<div className='mx_SettingsTab_section mx_CryptographyPanel'> <div className='mx_SettingsTab_section mx_CryptographyPanel'>
<span className='mx_SettingsTab_subheading'>{ _t("Cryptography") }</span> <span className='mx_SettingsTab_subheading'>{ _t("Cryptography") }</span>
<ul className='mx_SettingsTab_subsectionText mx_CryptographyPanel_sessionInfo'> <table className='mx_SettingsTab_subsectionText mx_CryptographyPanel_sessionInfo'>
<li> <tr>
<label>{ _t("Session ID:") }</label> <td>{ _t("Session ID:") }</td>
<span><code>{ deviceId }</code></span> <td><code>{ deviceId }</code></td>
</li> </tr>
<li> <tr>
<label>{ _t("Session key:") }</label> <td>{ _t("Session key:") }</td>
<span><code><b>{ identityKey }</b></code></span> <td><code><b>{ identityKey }</b></code></td>
</li> </tr>
</ul> </table>
{ importExportButtons } { importExportButtons }
{ noSendUnverifiedSetting } { noSendUnverifiedSetting }
</div> </div>