mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-10 17:02:41 +01:00
a56ca7a043
Summary: removes the whole custom image thing, instead using a more standard application crumbs. Gives this glorious space back to the compose area which is now tens of pixels taller. Also defaults it to the people widget. Basically, fixes T3160. For now, you **CAN NOT** edit the title of a conpherence. I didn't want to jam in too much here. Next diff will be to change the widget icons into the dropdown switcher, which will also bring back the editing of titles. Test Plan: looked at conpherence and it was pretty. Resized it vigorously and it wasn't too bad. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3160 Differential Revision: https://secure.phabricator.com/D5998
159 lines
3.2 KiB
CSS
159 lines
3.2 KiB
CSS
/**
|
|
* @provides conpherence-message-pane-css
|
|
*/
|
|
|
|
.conpherence-message-pane {
|
|
position: fixed;
|
|
left: 300px;
|
|
right: 281px;
|
|
top: 76px;
|
|
min-width: 300px;
|
|
width: auto;
|
|
height: 100%;
|
|
}
|
|
|
|
.device .conpherence-message-pane {
|
|
left: 0;
|
|
right: 0;
|
|
top: 85px;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.conpherence-show-older-messages {
|
|
display: block;
|
|
background: #e0e3ec;
|
|
margin: 10px;
|
|
text-align: center;
|
|
padding: 10px;
|
|
color: #18559D;
|
|
}
|
|
|
|
.conpherence-message-pane .conpherence-messages {
|
|
position: fixed;
|
|
left: 300px;
|
|
right: 281px;
|
|
top: 76px;
|
|
bottom: 190px;
|
|
overflow-y: auto;
|
|
box-shadow: inset 1px 4px 5px rgba(0,0,0,0.1);
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.device .conpherence-message-pane .conpherence-messages {
|
|
left: 0;
|
|
right: 0;
|
|
top: 85px;
|
|
bottom: 3em;
|
|
width: 100%;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.conpherence-message-pane .phabricator-form-view {
|
|
border-width: 0;
|
|
background: none;
|
|
height: 190px;
|
|
padding: 0;
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 300px;
|
|
right: 281px;
|
|
}
|
|
|
|
.device .conpherence-message-pane .remarkup-assist-bar {
|
|
height: 0px;
|
|
}
|
|
|
|
.device .conpherence-message-pane .phabricator-form-view {
|
|
left: 0;
|
|
right: 0;
|
|
background-color: #d8dce2;
|
|
height: 3em;
|
|
width: 100%;
|
|
}
|
|
|
|
.conpherence-layout .conpherence-message-pane .phabricator-form-view
|
|
div.aphront-form-input {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.conpherence-message-pane .phabricator-transaction-view {
|
|
margin: 10px 0 10px 15px;
|
|
}
|
|
|
|
.conpherence-message-pane .phabricator-transaction-detail {
|
|
border-width: 0;
|
|
margin-left: 45px;
|
|
}
|
|
|
|
.conpherence-message-pane .phabricator-transaction-info,
|
|
.conpherence-message-pane .phabricator-content-source-view {
|
|
color: #b7b7b7;
|
|
}
|
|
|
|
.conpherence-message-pane .phabricator-transaction-header,
|
|
.conpherence-message-pane .phabricator-transaction-info,
|
|
.conpherence-message-pane .phabricator-transaction-content {
|
|
background: none;
|
|
}
|
|
|
|
.conpherence-message-pane .phabricator-transaction-content {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.conpherence-message-pane .conpherence-edited .phabricator-transaction-content {
|
|
padding: 0 1em 0 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;
|
|
border-bottom: transparent;
|
|
}
|
|
|
|
.conpherence-message-pane .remarkup-assist-textarea {
|
|
height: 124px;
|
|
padding: 6px;
|
|
border-width: 0 0 1px 0;
|
|
border-color: #e7e7e7;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
resize: none;
|
|
}
|
|
|
|
.device .conpherence-message-pane .remarkup-assist-textarea {
|
|
margin: 0.5em 0em 0em 2%;
|
|
padding: 6px 1%;
|
|
width: 98%;
|
|
height: 2em;
|
|
resize: none;
|
|
}
|
|
|
|
.conpherence-message-pane .remarkup-assist-textarea:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.device .conpherence-message-pane .aphront-form-control-textarea {
|
|
float: left;
|
|
height: 2em;
|
|
}
|
|
.device-tablet .conpherence-message-pane .aphront-form-control-textarea {
|
|
width: 76%;
|
|
}
|
|
.device-phone .conpherence-message-pane .aphront-form-control-textarea {
|
|
width: 63%;
|
|
}
|
|
|
|
.device .conpherence-message-pane .aphront-form-control-submit button {
|
|
margin: 0.6em 0 0 2%;
|
|
}
|