remove subheadings in ShareDialog
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>pull/21833/head
							parent
							
								
									33a3cfead6
								
							
						
					
					
						commit
						7de7275c6d
					
				|  | @ -21,7 +21,7 @@ limitations under the License. | |||
| 
 | ||||
| .mx_ShareDialog hr { | ||||
|     margin-top: 25px; | ||||
|     margin-bottom: 10px; | ||||
|     margin-bottom: 25px; | ||||
|     border-color: $light-fg-color; | ||||
| } | ||||
| 
 | ||||
|  | @ -78,12 +78,12 @@ limitations under the License. | |||
| } | ||||
| 
 | ||||
| .mx_ShareDialog_social_container { | ||||
|     display: flex; | ||||
|     flex-wrap: wrap; | ||||
|     display: inline-block; | ||||
|     width: 299px; | ||||
| } | ||||
| 
 | ||||
| .mx_ShareDialog_social_icon { | ||||
|     display: inline-grid; | ||||
|     margin-right: 10px; | ||||
|     margin-bottom: 10px; | ||||
| } | ||||
|  |  | |||
|  | @ -201,27 +201,21 @@ export default class ShareDialog extends React.Component { | |||
|                 <hr /> | ||||
| 
 | ||||
|                 <div className="mx_ShareDialog_split"> | ||||
|                     <div className="mx_ShareDialog_left"> | ||||
|                         <h3>QR Code</h3> | ||||
|                         <div className="mx_ShareDialog_qrcode_container"> | ||||
|                             <QRCode value={matrixToUrl} size={256} logoWidth={48} logo="img/matrix-m.svg" /> | ||||
|                         </div> | ||||
|                     <div className="mx_ShareDialog_qrcode_container"> | ||||
|                         <QRCode value={matrixToUrl} size={256} logoWidth={48} logo="img/matrix-m.svg" /> | ||||
|                     </div> | ||||
|                     <div className="mx_ShareDialog_right"> | ||||
|                         <h3>Social</h3> | ||||
|                         <div className="mx_ShareDialog_social_container"> | ||||
|                             { | ||||
|                                 socials.map((social) => <a rel="noopener" | ||||
|                                                            target="_blank" | ||||
|                                                            key={social.name} | ||||
|                                                            name={social.name} | ||||
|                                                            href={social.url(encodedUrl)} | ||||
|                                                            className="mx_ShareDialog_social_icon" | ||||
|                                 > | ||||
|                                     <img src={social.img} alt={social.name} height={64} width={64} /> | ||||
|                                 </a>) | ||||
|                             } | ||||
|                         </div> | ||||
|                     <div className="mx_ShareDialog_social_container"> | ||||
|                         { | ||||
|                             socials.map((social) => <a rel="noopener" | ||||
|                                                        target="_blank" | ||||
|                                                        key={social.name} | ||||
|                                                        name={social.name} | ||||
|                                                        href={social.url(encodedUrl)} | ||||
|                                                        className="mx_ShareDialog_social_icon" | ||||
|                             > | ||||
|                                 <img src={social.img} alt={social.name} height={64} width={64} /> | ||||
|                             </a>) | ||||
|                         } | ||||
|                     </div> | ||||
|                 </div> | ||||
|             </div> | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue
	
	 Michael Telatynski
						Michael Telatynski