1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-24 06:20:56 +01:00

Revamp .device Conpherence layouts

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

View file

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

View file

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