2011-01-30 19:37:36 +01:00
|
|
|
/**
|
|
|
|
* @provides differential-revision-comment-css
|
|
|
|
*/
|
|
|
|
|
2012-03-28 19:11:41 +02:00
|
|
|
/* Spooky haunted panel which floats on the bottom of the screen.
|
|
|
|
Haunt modes are:
|
|
|
|
|
|
|
|
- Mode 1: Just the comment box.
|
|
|
|
- Mode 2: Comment box, comment preview, and inline comment previews.
|
|
|
|
*/
|
|
|
|
.differential-haunt-mode-1 .differential-add-comment-panel,
|
|
|
|
.differential-haunt-mode-2 .differential-add-comment-panel {
|
2012-12-12 00:00:18 +01:00
|
|
|
background-color: #fff;
|
2011-07-08 22:00:30 +02:00
|
|
|
position: fixed;
|
|
|
|
width: 100%;
|
|
|
|
bottom: 0;
|
|
|
|
right: 0;
|
|
|
|
left: 0;
|
|
|
|
overflow: auto;
|
|
|
|
max-height: 375px;
|
2013-10-20 01:43:33 +02:00
|
|
|
margin: 0;
|
2011-07-08 22:00:30 +02:00
|
|
|
|
|
|
|
box-shadow: 0 0 4px #000;
|
|
|
|
-webkit-box-shadow: 0 0 4px #000;
|
|
|
|
-moz-box-shadow: 0 0 4px #000;
|
|
|
|
}
|
|
|
|
|
2013-10-20 01:43:33 +02:00
|
|
|
.differential-haunt-mode-1 .differential-add-comment-panel .phui-box,
|
|
|
|
.differential-haunt-mode-2 .differential-add-comment-panel .phui-box {
|
|
|
|
margin: 0;
|
|
|
|
border-width: 0;
|
|
|
|
}
|
|
|
|
|
2012-03-28 19:11:41 +02:00
|
|
|
.differential-haunt-mode-2 .differential-add-comment-panel {
|
|
|
|
max-height: 75%;
|
|
|
|
}
|
|
|
|
|
2013-10-20 01:43:33 +02:00
|
|
|
.differential-haunt-mode-1 .differential-add-comment-panel .phui-header-shell,
|
|
|
|
.differential-haunt-mode-2 .differential-add-comment-panel .phui-header-shell {
|
2011-07-08 22:00:30 +02:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2012-03-28 19:11:41 +02:00
|
|
|
.differential-haunt-mode-1 .aphront-panel-preview {
|
2011-07-08 22:00:30 +02:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2012-03-28 19:11:41 +02:00
|
|
|
.differential-haunt-mode-1 {
|
2011-07-08 22:00:30 +02:00
|
|
|
padding-bottom: 250px;
|
|
|
|
}
|