maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-27 19:42:11 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #552 from sharetribe/messages-layout

Browse source 
Fix Messages component layout
This commit is contained in:
Hannu Lyytikäinen 2017-11-14 16:31:51 +02:00 • committed by GitHub
commit 2d884dcf41
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/Messages/Messages.css
View file

@ -4,13 +4,15 @@
margin: 0;
/* Clearfix */
width: 100%;
overflow: auto;
@apply --clearfix;
}
.messageItem {
margin-bottom: 35px;
/* Clearfix */
@apply --clearfix;
@media (--viewportMedium) {
margin-bottom: 40px;
}

1
src/components/Messages/Messages.example.js
View file

@ -28,6 +28,7 @@ export const WithCurrentUser = {
messages: [
createMessage('msg1', {}, { sender: createUser('user1') }),
createMessage('msg2', {}, { sender: createUser('user2') }),
createMessage('msg3', {}, { sender: createUser('user1') }),
],
currentUser: createCurrentUser('user2'),
},

10
src/marketplace.css
View file

@ -96,6 +96,16 @@
--modalPadding: 24px 24px 48px 24px;
--modalPaddingMedium: 55px 60px 55px 60px;
/* ================ Clearfix solution ================ */
--clearfix {
&:after {
content: '';
display: table;
clear: both;
}
}
/* ================ Links ================ */
--marketplaceLinkStyles: {