mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2025-02-17 08:31:23 -05:00
Merge pull request #6648 from mxmou/studio-comments-responsive
Fix studio comment issues on narrow screens
This commit is contained in:
commit
bac1e17d86
2 changed files with 3 additions and 4 deletions
|
@ -73,6 +73,7 @@
|
|||
.comment {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
|
@ -98,6 +99,7 @@
|
|||
.comment-top-row {
|
||||
margin-bottom: 8px;
|
||||
width: 100%;
|
||||
flex-direction: row;
|
||||
|
||||
.username {
|
||||
margin-right: auto;
|
||||
|
@ -237,6 +239,7 @@
|
|||
.comment-bottom-row {
|
||||
padding-top: 1rem;
|
||||
font-size: .75rem;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
|
||||
.comment-time {
|
||||
|
|
|
@ -235,10 +235,6 @@ $stage-width: 480px;
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.comment, .comment-top-row, .comment-bottom-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.comment-bubble {
|
||||
text-align: left;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue