1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-27 01:02:42 +01:00
phorge-phorge/webroot/rsrc/css/aphront/dialog-view.css
Chad Little fd084e3957 Let mobile dialogs go full width
Summary: We were clipping this to 300px, which is arbitrary to iPhone.

Test Plan: test on Nexus, iPhone

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D6089
2013-05-31 07:17:52 -07:00

100 lines
1.7 KiB
CSS

/**
* @provides aphront-dialog-view-css
*/
.aphront-dialog-view {
width: 480px;
margin: auto;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.5);
}
.aphront-dialog-head .phabricator-action-header {
border-bottom: 1px solid #d4dadf;
padding: 5px 15px;
white-space: nowrap;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.aphront-dialog-head .phabricator-action-header
.phabricator-action-header-title {
font-size: 15px;
}
.aphront-dialog-view-width-form {
width: 600px;
}
.aphront-dialog-view-width-full {
width: 90%;
}
.aphront-dialog-body {
background: #ffffff;
padding: 20px 15px;
border: none;
}
.aphront-dialog-tail {
border: none;
background: #fff;
padding: 8px 10px;
border-top: 1px solid #d4dadf;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
text-align: right;
}
.aphront-dialog-tail button,
.aphront-dialog-tail a.button {
float: right;
margin-left: .5em;
}
.jx-client-dialog {
position: absolute;
width: 100%;
}
.jx-mask {
opacity: .37;
background: #222;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.jx-dark-mask {
background: #000000;
opacity: 0.9;
}
.aphront-exception-dialog {
width: 95%;
}
.aphront-exception-dialog .exception-message {
font-size: 14px;
background: #efefef;
padding: 1em;
white-space: pre-wrap;
}
.aphront-exception-dialog .exception-trace {
margin-top: 15px;
}
.aphront-exception-dialog .exception-trace-header {
font-size: 11px;
color: #666666;
border-bottom: 1px solid #aaaaaa;
padding-bottom: .5em;
margin-bottom: .5em;
}
.aphront-access-dialog {
width: 50%;
}