fix mobile chatbox view

This commit is contained in:
cuom1999 2020-06-08 17:08:24 -05:00
parent 22ca286085
commit 7e4c104a56
2 changed files with 12 additions and 8 deletions

View file

@ -1,3 +1,4 @@
#loader { #loader {
display: block; display: block;
margin-left: auto; margin-left: auto;
@ -58,8 +59,8 @@
#chat-area { #chat-area {
height: 85vh; height: 85vh;
display: flex !important; /*display: flex;*/
flex-direction: column; /*flex-direction: column;*/
} }
#chat-online { #chat-online {
border: 1px solid #ccc; border: 1px solid #ccc;
@ -92,8 +93,7 @@
font-family: "Segoe UI", "Lucida Grande", Arial, sans-serif; font-family: "Segoe UI", "Lucida Grande", Arial, sans-serif;
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
height: -webkit-fill-available; height: 15%;
max-height: 8em;
} }
#chat-online-content { #chat-online-content {
@ -107,7 +107,7 @@
background-color: #39ff14; background-color: #39ff14;
border-radius: 50%; border-radius: 50%;
display: inline-block; display: inline-block;
margin-bottom: -0.1em; margin-bottom: -0.2em;
border: 1px lightgreen solid; border: 1px lightgreen solid;
} }
@ -134,4 +134,3 @@
margin-top: -0.5em; margin-top: -0.5em;
} }
} }

View file

@ -212,7 +212,12 @@
</script> </script>
{% endblock js_media %} {% endblock js_media %}
<!--
{% block media %}
<style>
</style>
{% endblock media %}
-->
{% block body %} {% block body %}
{% csrf_token %} {% csrf_token %}
{% block before_posts %}{% endblock %} {% block before_posts %}{% endblock %}