saurabh
/
announcement-test
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix rwd style

This commit is contained in:
chiu 2020-07-31 11:35:00 +08:00
parent c556b73fbb
commit 492485626b
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/views/announcements/show.html.erb
View File

@ -91,9 +91,10 @@
font-family: serif; font-family: serif;
} }
.announcement-comment { .announcement-comment {
margin-top: 1em;
background: <%= bg_color %>; background: <%= bg_color %>;
color: <%= color2 %>; color: <%= color2 %>;
font-size: 1.3em; font-size: 1.15em;
padding-left: 3%; padding-left: 3%;
border-radius: 0.7em; border-radius: 0.7em;
display: inline-block; display: inline-block;
@ -103,12 +104,14 @@
} }
.annc-comment-div{ .annc-comment-div{
display: flex; display: flex;
align-items: flex-start; align-items: center;
flex-wrap: wrap;
} }
.btn-comment{ .btn-comment{
margin-top: 1em;
margin-left: 3%; margin-left: 3%;
color: <%= color2 %>; color: <%= color2 %>;
font-size: 1.2em; font-size: 1em;
background: <%= bg_color %>; background: <%= bg_color %>;
margin-left: 3%; margin-left: 3%;
} }
@ -126,6 +129,14 @@
.annc-comments{ .annc-comments{
margin: 1.5em 0; margin: 1.5em 0;
} }
@media (max-width: 767px) {
.annc-comment-div{
justify-content: center;
}
.announcement-comment {
width: 100%;
}
}
</style> </style>
<script type="text/javascript"> <script type="text/javascript">
$(function(){ $(function(){