scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 01:25:52 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

tweak formatting for message content

Browse source 
helps with comment formatting
This commit is contained in:
Matthew Taylor 2017-09-06 11:41:26 -04:00
parent 2bd9b184c5
commit ce88466ee4
2 changed files with 21 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/social-message/social-message.scss
View file

@ -18,7 +18,7 @@
}
.social-message-content {
max-width: 60%;
max-width: 38.75rem;
}
a.social-messages-profile-link {

21
src/views/messages/messages.scss
View file

@ -101,6 +101,7 @@
.comment-text {
background-color: $ui-white;
max-width: 32.25rem;
}
.flex-row.mod-comment-message {
@ -108,6 +109,10 @@
align-items: flex-start;
}
.comment-message-info {
text-align: left;
}
.comment-message-info-img {
width: 40px;
height: 40px;
@ -118,6 +123,10 @@
margin: 1rem auto;
}
.emoji-text.mod-comment {
word-wrap: break-word;
}
@media only screen and (max-width: $mobile - 1) {
.flex-row.admin-message-header,
.flex-row.mod-comment-message {
@ -125,7 +134,7 @@
}
.comment-text {
max-width: 60%;
max-width: 11.75rem;
}
}
@ -134,4 +143,14 @@
.flex-row.mod-comment-message {
flex-direction: row;
}
.comment-text {
max-width: 21.5rem;
}
}
@media only screen and (min-width: $tablet) and (max-width: $desktop - 1) {
.comment-text {
max-width: 25.75rem;
}
}