Skip to content

Commit

Permalink
fix: use flex-start instead of start (#287)
Browse files Browse the repository at this point in the history
### 🎯 Goal

We use `flex-start` in the CSS codebase, these two were just a mistake I
guess, but they're causing warning from autoprefixer ("autoprefixer:
start value has mixed support, consider using flex-start instead")

### 🛠 Implementation details

_Provide a description of the implementation_

### 🎨 UI Changes

_Add relevant screenshots_

Make sure to test with both Angular and React (with both `MessageList`
and `VirtualizedMessageList` components) SDKs
  • Loading branch information
szuperaz committed Apr 11, 2024
1 parent 54efa9c commit f442ae8
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 3 deletions.
2 changes: 1 addition & 1 deletion src/v2/styles/AttachmentList/AttachmentList-layout.scss
Original file line number Diff line number Diff line change
Expand Up @@ -401,7 +401,7 @@
.str-chat__message-attachment__voice-recording-widget__error-message {
display: flex;
align-items: center;
justify-content: start;
justify-content: flex-start;
gap: var(--str-chat__spacing-1);
}
}
Expand Down
4 changes: 2 additions & 2 deletions src/v2/styles/Message/Message-layout.scss
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@
'. metadata';
column-gap: var(--str-chat__spacing-2);
grid-template-columns: auto 1fr;
justify-items: start;
justify-items: flex-start;
}

&.str-chat__message--me {
Expand Down Expand Up @@ -120,7 +120,7 @@

.str-chat__message-options {
grid-area: options;
align-items: start;
align-items: flex-start;
justify-content: flex-end;
flex-direction: row-reverse;
width: calc(3 * var(--str-chat__message-options-button-size));
Expand Down

0 comments on commit f442ae8

Please sign in to comment.