Matrix-Mirrors/schildi-web
1
0
Fork 0
mirror of https://github.com/SchildiChat/element-web.git synced 2024-10-01 01:26:12 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix dialog css

Browse Source
This commit is contained in:
Matthew Hodgson 2015-07-23 01:33:10 -07:00
parent d4efb37b03
commit 59f380d3fc
2 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
skins/base/css/common.css
View File

@ -60,28 +60,41 @@ html {
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
} }
.mx_Dialog { .mx_Dialog {
background-color: #fff; background-color: #fff;
color: #747474; color: #747474;
text-align: center; text-align: center;
margin: auto;
max-width: 500px;
z-index: 2010; z-index: 2010;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: 16px;
position: relative; position: relative;
border-radius: 8px; border-radius: 8px;
top: 200px; }
.mx_ImageView {
margin: 6px;
/* hack: flexbox bug? */
margin-bottom: 4px;
} }
.mx_Dialog_content { .mx_Dialog_content {
margin: 35px; margin: 24px;
} }
.mx_Dialog_buttons { .mx_Dialog_buttons {
padding-bottom: 35px; padding-bottom: 24px;
} }
.mx_Dialog button { .mx_Dialog button {

3
skins/base/views/atoms/ImageView.js
View File

@ -25,6 +25,9 @@ module.exports = React.createClass({
mixins: [ImageViewController], mixins: [ImageViewController],
render: function() { render: function() {
// XXX: can't we just do max-width: 80%, max-height: 80% on the CSS?
var width = this.props.width || 500; var width = this.props.width || 500;
var height = this.props.height || 500; var height = this.props.height || 500;