bic/GetTogether
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Fix event comment form textarea overflowing on mobile

Browse source
This commit is contained in:
Michael Hall 2018-09-07 09:46:42 -04:00
parent 3dcd4dee7a
commit 305c98a0d8
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
get_together/templates/get_together/events/show_event.html
View file

@ -22,6 +22,10 @@
top: 16px; top: 16px;
left: -42px; left: -42px;
} }
textarea {
box-sizing: border-box;
width: 100%;
}
</style> </style>
{% endblock %} {% endblock %}
@ -102,7 +106,7 @@
{% block content %} {% block content %}
<div class="fluid-container container-primary"> <div class="fluid-container container-primary">
<div class="row"> <div class="row">
<div class="col-md-8"> <div class="col-md-8 mb-3">
{% if team.banner_img %} {% if team.banner_img %}
<div class="team-banner"> <div class="team-banner">
<img class="card-img-top" src="{{ team.banner_img.url }}" alt="{{team.name}}'s cover image" height="200px" width="825px"> <img class="card-img-top" src="{{ team.banner_img.url }}" alt="{{team.name}}'s cover image" height="200px" width="825px">
@ -232,7 +236,7 @@
</div> </div>
<div class="row"> <div class="row">
{% load mptt_tags %} {% load mptt_tags %}
<ul class="col list-group"> <ul class="col-md-10 list-group">
{% recursetree event.comments.all %} {% recursetree event.comments.all %}
<div id="comment-{{node.id}}" class="list-group-item flex-container"> <div id="comment-{{node.id}}" class="list-group-item flex-container">
<div class="row w-100 ml-0"> <div class="row w-100 ml-0">