peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-18 20:47:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix visual representation of my message and other messages

Browse Source
This commit is contained in:
Peter Maquiran
2024-08-02 11:40:11 +01:00
parent efc7f72042
commit 2294c4ee3a
1 changed files with 8 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/chat/messages/messages.page.scss
+8 -13
View File
@@ -156,15 +156,6 @@ ion-content {
.other-message, .other-message,
.my-message { .my-message {
// Common styles for incoming messages
display: flex;
/* justify-content: flex-end; */
align-items: end;
flex-direction: column;
//margin-bottom: 10px; // Adjust as needed
//padding: 5px; // Adjust as needed
.message-container { .message-container {
padding: 15px 20px; padding: 15px 20px;
margin: 10px 20px 10px 75px; margin: 10px 20px 10px 75px;
@@ -174,7 +165,10 @@ ion-content {
} }
.other-message { .other-message {
display: flex;
/* justify-content: flex-end; */
align-items: start;
flex-direction: column;
// float: left; // float: left;
// Styles for incoming messages from other users // Styles for incoming messages from other users
justify-content: flex-start; justify-content: flex-start;
@@ -189,9 +183,10 @@ ion-content {
.my-message { .my-message {
//float: right; display: flex;
// Styles for incoming messages from the current user /* justify-content: flex-end; */
justify-content: flex-end; align-items: end;
flex-direction: column;
} }
.message-bubble { .message-bubble {