revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-23 22:10:55 +01:00
Code Issues Releases Wiki Activity

Revamp .device Conpherence layouts

Browse source 
Summary: Greatly improves the text area and cleans up spacing and color issues.

Test Plan:
test Conpherence at desktop, mobile, tablet break points. Test new flexible layouts.

{F372516}

Reviewers: epriestley, btrahan

Reviewed By: btrahan

Subscribers: Korvin, epriestley

Differential Revision: https://secure.phabricator.com/D12431
This commit is contained in:
Chad Little 2015-04-16 09:25:39 -07:00
parent 3a17220ce3
commit 97c54c3ff5
2 changed files with 37 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
resources/celerity/map.php
View file

@ -45,7 +45,7 @@ return array(
'rsrc/css/application/config/unhandled-exception.css' => '37d4f9a2',
'rsrc/css/application/conpherence/durable-column.css' => '51c1e074',
'rsrc/css/application/conpherence/menu.css' => 'f389e048',
'rsrc/css/application/conpherence/message-pane.css' => '75c23c74',
'rsrc/css/application/conpherence/message-pane.css' => '970dce25',
'rsrc/css/application/conpherence/notification.css' => 'd208f806',
'rsrc/css/application/conpherence/transaction.css' => '25138b7f',
'rsrc/css/application/conpherence/update.css' => '1099a660',
@ -517,7 +517,7 @@ return array(
'config-welcome-css' => '6abd79be',
'conpherence-durable-column-view' => '51c1e074',
'conpherence-menu-css' => 'f389e048',
'conpherence-message-pane-css' => '75c23c74',
'conpherence-message-pane-css' => '970dce25',
'conpherence-notification-css' => 'd208f806',
'conpherence-thread-manager' => '0a5192c4',
'conpherence-transaction-css' => '25138b7f',

62
webroot/rsrc/css/application/conpherence/message-pane.css
View file

@ -65,11 +65,13 @@
overflow-y: hidden;
}
.conpherence-messages .jx-scrollbar-content > .conpherence-edited:first-child {
.conpherence-messages .jx-scrollbar-content > .conpherence-edited:first-child,
.conpherence-messages > .conpherence-edited:first-child {
padding-top: 20px;
}
.conpherence-messages > .jx-scrollbar-content .conpherence-edited:last-child {
.conpherence-messages > .jx-scrollbar-content .conpherence-edited:last-child,
.conpherence-messages > .conpherence-edited:last-child {
padding-bottom: 20px;
}
@ -80,7 +82,7 @@
.device .conpherence-message-pane .conpherence-messages {
left: 0;
right: 0;
bottom: 3em;
bottom: 52px;
width: 100%;
box-shadow: none;
}
@ -129,15 +131,14 @@
}
.device .conpherence-message-pane .remarkup-assist-bar {
height: 0px;
display: none;
}
.device .conpherence-message-pane .phui-form-view {
left: 0;
right: 0;
background-color: #d8dce2;
height: 38px;
width: 100%;
height: 34px;
width: auto;
}
.conpherence-layout .conpherence-message-pane .phui-form-view
@ -197,20 +198,31 @@
.conpherence-message-pane .conpherence-transaction-view.date-marker {
padding: 0;
margin: 16px 12px 4px;
margin: 20px 12px 4px;
min-height: auto;
}
.device-phone .conpherence-message-pane
.conpherence-transaction-view.date-marker {
margin: 5px 0;
margin: 12px 0 4px;
}
.device-tablet .conpherence-message-pane
.conpherence-transaction-view.date-marker {
padding-left: 37px;
}
.conpherence-message-pane .conpherence-transaction-view.date-marker
.date {
.date {
left: 40px;
font-size: 13px;
padding: 0px 5px;
padding: 0px 4px;
}
.device .conpherence-message-pane .conpherence-transaction-view.date-marker
.date {
color: {$lightbluetext};
left: 4px;
}
.device-phone .conpherence-message-pane .conpherence-edited {
@ -258,7 +270,7 @@
.conpherence-message-pane .conpherence-transaction-info,
.conpherence-message-pane .anchor-link,
.conpherence-message-pane .conpherence-content-source-view {
.conpherence-message-pane .phabricator-content-source-view {
color: {$lightbluetext};
line-height: 16px;
font-size: 12px;
@ -296,9 +308,9 @@
}
.device .conpherence-message-pane .remarkup-assist-textarea {
margin: 0px 0px;
padding: 8px;
width: 97%;
margin: 0;
padding: 8px 68px 8px 8px;
width: 100%;
height: 34px;
resize: none;
}
@ -307,22 +319,14 @@
outline: none;
}
.device .conpherence-message-pane .aphront-form-control {
padding: 0 8px 0 0;
float: left;
.device .conpherence-message-pane .aphront-form-control-submit {
padding: 0;
position: absolute;
top: 7px;
right: 13px;
}
.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: 60%;
}
.device .conpherence-message-pane .aphront-form-control-submit button {
margin: 7px 0 0 0;
height: 24px;
}