1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-10 17:02:41 +01:00
phorge-phorge/webroot/rsrc/css/application/conpherence/message-pane.css
epriestley 8aea5cda26 Use "overflow-[x/y]: auto;" instead of "overflow-[x/y]: scroll" in Conpherence
Summary: `scroll` always shows the scroll bar, `auto` shows it only if scrolling needs to happen. Fixes some weirdness in the blank/empty states in Safari, at least.

Test Plan: Looked at Conpherence in Safari.

Reviewers: btrahan, chad

Reviewed By: chad

CC: aran

Differential Revision: https://secure.phabricator.com/D4635
2013-01-24 18:33:51 -08:00

95 lines
1.8 KiB
CSS

/**
* @provides conpherence-message-pane-css
*/
.conpherence-message-pane {
position: fixed;
left: 320px;
top: 94px;
min-width: 320px;
width: auto;
height: 100%;
margin: 0px 320px 0px 0px;
}
.conpherence-message-pane .conpherence-messages {
position: fixed;
left: 320px;
right: 321px;
top: 94px;
bottom: 225px;
overflow-y: auto;
}
.conpherence-message-pane .phabricator-form-view {
border-width: 0;
background: none;
height: 224px;
padding: 0;
position: fixed;
bottom: 0;
left: 320px;
right: 321px;
}
.device-tablet
.conpherence-message-pane .phabricator-form-view,
.device-tablet
.conpherence-message-pane .conpherence-messages,
.device-tablet
.conpherence-message-pane {
left: 0px;
}
.conpherence-message-pane .aphront-form-input {
margin: 0;
width: 100%;
}
.conpherence-message-pane .phabricator-transaction-view {
margin: 1em 1.25em 1em 1.25em;
display: block;
}
.conpherence-message-pane .phabricator-transaction-detail {
border-width: 0;
}
.conpherence-message-pane .phabricator-transaction-header {
background: none;
}
.conpherence-message-pane .phabricator-transaction-info {
background: none;
}
.conpherence-message-pane .phabricator-transaction-content {
background: none;
}
.conpherence-message-pane .conpherence-edited .phabricator-transaction-content {
font-size: 12px;
padding: 0em 1em 0em 1em;
margin-top: -4px;
}
.conpherence-message-pane .aphront-form-control {
padding: 0;
}
.conpherence-message-pane .aphront-form-control-submit {
margin-right: 8px;
}
.conpherence-message-pane .remarkup-assist-bar {
border-width: 1px 0 0;
border-color: #CCC;
}
.conpherence-message-pane .remarkup-assist-textarea {
border-width: 1px 0 1px 0;
border-color: #CCC;
}
.conpherence-message-pane .remarkup-assist-textarea:focus {
outline: none;
}