mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-23 17:56:01 +03:00
Code Issues Projects Releases Packages Wiki Activity

Convert CryptographyPanel to a table

Browse source
This commit is contained in:
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 { .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; .mx_CryptographyPanel_sessionInfo > tr > td {
} 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>