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

Convert CryptographyPanel to a table

pull/21833/head
Andy Balaam 2021-10-15 17:19:22 +01:00
parent f05e35bd94
commit 13d6456200
2 changed files with 21 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,16 +1,18 @@
.mx_CryptographyPanel_sessionInfo {
display: table;
padding-left: 0;
padding: 0em;
border-spacing: 0px;
}
.mx_CryptographyPanel_sessionInfo > tr {
vertical-align: baseline;
padding: 0em;
}
.mx_CryptographyPanel_sessionInfo > li {
display: table-row;
}
.mx_CryptographyPanel_sessionInfo > li > label,
.mx_CryptographyPanel_sessionInfo > li > span {
display: table-cell;
.mx_CryptographyPanel_sessionInfo > tr > td,
.mx_CryptographyPanel_sessionInfo > tr > td {
padding-bottom: 0em;
padding-left: 0em;
padding-right: 1em;
padding-top: 0em;
}
.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 (
<div className='mx_SettingsTab_section mx_CryptographyPanel'>
<span className='mx_SettingsTab_subheading'>{ _t("Cryptography") }</span>
<ul className='mx_SettingsTab_subsectionText mx_CryptographyPanel_sessionInfo'>
<li>
<label>{ _t("Session ID:") }</label>
<span><code>{ deviceId }</code></span>
</li>
<li>
<label>{ _t("Session key:") }</label>
<span><code><b>{ identityKey }</b></code></span>
</li>
</ul>
<table className='mx_SettingsTab_subsectionText mx_CryptographyPanel_sessionInfo'>
<tr>
<td>{ _t("Session ID:") }</td>
<td><code>{ deviceId }</code></td>
</tr>
<tr>
<td>{ _t("Session key:") }</td>
<td><code><b>{ identityKey }</b></code></td>
</tr>
</table>
{ importExportButtons }
{ noSendUnverifiedSetting }
</div>