remove subheadings in ShareDialog

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2018-06-14 18:56:46 +01:00
parent 33a3cfead6
commit 7de7275c6d
No known key found for this signature in database
GPG key ID: 3F879DA5AD802A5E
2 changed files with 17 additions and 23 deletions

View file

@ -21,7 +21,7 @@ limitations under the License.
.mx_ShareDialog hr { .mx_ShareDialog hr {
margin-top: 25px; margin-top: 25px;
margin-bottom: 10px; margin-bottom: 25px;
border-color: $light-fg-color; border-color: $light-fg-color;
} }
@ -78,12 +78,12 @@ limitations under the License.
} }
.mx_ShareDialog_social_container { .mx_ShareDialog_social_container {
display: flex; display: inline-block;
flex-wrap: wrap;
width: 299px; width: 299px;
} }
.mx_ShareDialog_social_icon { .mx_ShareDialog_social_icon {
display: inline-grid;
margin-right: 10px; margin-right: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }

View file

@ -201,27 +201,21 @@ export default class ShareDialog extends React.Component {
<hr /> <hr />
<div className="mx_ShareDialog_split"> <div className="mx_ShareDialog_split">
<div className="mx_ShareDialog_left"> <div className="mx_ShareDialog_qrcode_container">
<h3>QR Code</h3> <QRCode value={matrixToUrl} size={256} logoWidth={48} logo="img/matrix-m.svg" />
<div className="mx_ShareDialog_qrcode_container">
<QRCode value={matrixToUrl} size={256} logoWidth={48} logo="img/matrix-m.svg" />
</div>
</div> </div>
<div className="mx_ShareDialog_right"> <div className="mx_ShareDialog_social_container">
<h3>Social</h3> {
<div className="mx_ShareDialog_social_container"> socials.map((social) => <a rel="noopener"
{ target="_blank"
socials.map((social) => <a rel="noopener" key={social.name}
target="_blank" name={social.name}
key={social.name} href={social.url(encodedUrl)}
name={social.name} className="mx_ShareDialog_social_icon"
href={social.url(encodedUrl)} >
className="mx_ShareDialog_social_icon" <img src={social.img} alt={social.name} height={64} width={64} />
> </a>)
<img src={social.img} alt={social.name} height={64} width={64} /> }
</a>)
}
</div>
</div> </div>
</div> </div>
</div> </div>