revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-09 16:32:39 +01:00
Code Issues Releases Wiki Activity

CSS adjustments to Conpherence

Browse source 
Summary:
**Fix Conpherence messages overlapping header in mobile mode**

Before:
{F413544}
After:
{F413546}

**Make Conpherence input box be one line even in desktop mode**

Before:
{F413541}
After:
{F413540}

This second change, in particular, is motivated by the fact that pressing `Enter` sends the message, whereas the multi-line box gives the impression that the `Enter` key would simply introduce a line break in the message. (That's still possible via `Shift`+`Enter`, btw.)

Test Plan:
- Visit a Conpherence room with some content in mobile mode;
  scroll down and notice that the messages no longer slightly overlap the header.
- Visit a Conpherence room in desktop mode;
  verify that the input box now has the height of a single line.

Reviewers: O1 Blessed Committers, valerio.bozzolan

Reviewed By: O1 Blessed Committers, valerio.bozzolan

Subscribers: speck, tobiaswiese, valerio.bozzolan, Matthew, Cigaryno

Tags: #conpherence

Differential Revision: https://we.phorge.it/D25485
This commit is contained in:
Waldir Pimenta 2023-12-06 15:35:05 +00:00
parent e610e739cb
commit e59702569f
2 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
resources/celerity/map.php
View file

@ -7,7 +7,7 @@
*/ */
return array( return array(
'names' => array( 'names' => array(
'conpherence.pkg.css' => '76ed87e3', 'conpherence.pkg.css' => '2f25eb4f',
'conpherence.pkg.js' => '020aebcf', 'conpherence.pkg.js' => '020aebcf',
'core.pkg.css' => 'c0bdb5b4', 'core.pkg.css' => 'c0bdb5b4',
'core.pkg.js' => '2eeda9e0', 'core.pkg.js' => '2eeda9e0',
@ -51,7 +51,7 @@ return array(
'rsrc/css/application/conpherence/durable-column.css' => '2d57072b', 'rsrc/css/application/conpherence/durable-column.css' => '2d57072b',
'rsrc/css/application/conpherence/header-pane.css' => 'c9a3db8e', 'rsrc/css/application/conpherence/header-pane.css' => 'c9a3db8e',
'rsrc/css/application/conpherence/menu.css' => '67f4680d', 'rsrc/css/application/conpherence/menu.css' => '67f4680d',
'rsrc/css/application/conpherence/message-pane.css' => 'd244db1e', 'rsrc/css/application/conpherence/message-pane.css' => '50b1345e',
'rsrc/css/application/conpherence/notification.css' => '85c48def', 'rsrc/css/application/conpherence/notification.css' => '85c48def',
'rsrc/css/application/conpherence/participant-pane.css' => '69e0058a', 'rsrc/css/application/conpherence/participant-pane.css' => '69e0058a',
'rsrc/css/application/conpherence/transaction.css' => '3a3f5e7e', 'rsrc/css/application/conpherence/transaction.css' => '3a3f5e7e',
@ -552,7 +552,7 @@ return array(
'conpherence-durable-column-view' => '2d57072b', 'conpherence-durable-column-view' => '2d57072b',
'conpherence-header-pane-css' => 'c9a3db8e', 'conpherence-header-pane-css' => 'c9a3db8e',
'conpherence-menu-css' => '67f4680d', 'conpherence-menu-css' => '67f4680d',
'conpherence-message-pane-css' => 'd244db1e', 'conpherence-message-pane-css' => '50b1345e',
'conpherence-notification-css' => '85c48def', 'conpherence-notification-css' => '85c48def',
'conpherence-participant-pane-css' => '69e0058a', 'conpherence-participant-pane-css' => '69e0058a',
'conpherence-thread-manager' => 'aec8e38c', 'conpherence-thread-manager' => 'aec8e38c',

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

@ -9,7 +9,7 @@
position: fixed; position: fixed;
left: 240px; left: 240px;
right: 240px; right: 240px;
top: 106px; top: 115px;
bottom: 0px; bottom: 0px;
min-width: 300px; min-width: 300px;
width: auto; width: auto;
@ -55,8 +55,8 @@
position: fixed; position: fixed;
left: 240px; left: 240px;
right: 240px; right: 240px;
top: 106px; top: 115px;
bottom: 142px; bottom: 88px;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
@ -95,7 +95,7 @@
.conpherence-message-pane .phui-form-view { .conpherence-message-pane .phui-form-view {
border-width: 0; border-width: 0;
height: 130px; height: 76px;
padding: 0 20px 12px; padding: 0 20px 12px;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
@ -347,7 +347,7 @@ body .conpherence-message-pane .aphront-form-control {
} }
.conpherence-message-pane .remarkup-assist-textarea { .conpherence-message-pane .remarkup-assist-textarea {
height: 88px; height: 34px;
padding: 8px; padding: 8px;
box-sizing: border-box; box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
@ -360,7 +360,6 @@ body .conpherence-message-pane .aphront-form-control {
margin: 0; margin: 0;
padding: 7px 8px 6px 38px; padding: 7px 8px 6px 38px;
width: 100%; width: 100%;
height: 34px;
resize: none; resize: none;
border-color: {$greyborder}; border-color: {$greyborder};
border-top-left-radius: 3px; border-top-left-radius: 3px;