Fixing chat style even more.

This commit is contained in:
sergiotarxz 2024-04-09 16:36:05 +02:00
parent 8e1db21d7e
commit 13372ed973
3 changed files with 39 additions and 3 deletions

View File

@ -11,6 +11,12 @@ body {
height: 100%; }
body summary h2, body summary h3, body summary h4, body summary h5 {
display: inline; }
body converse-muc-sidebar {
display: none !important; }
body div.converse-container {
width: 100%;
height: 400px;
margin-left: 0px; }
body div.page-contents div.footer p.attribution {
font-size: 0.8em; }
body div.page-contents div.footer p.attribution a {
@ -510,6 +516,14 @@ body {
body div.page-contents table th, body div.page-contents table td {
font-size: 20px; } }
@media (min-width: 768px) {
body converse-muc-sidebar {
display: flex !important; }
body converse-muc-sidebar.hidden {
display: none !important; }
body div.converse-container {
margin-left: 15px; } }
@media (min-width: 694px) {
body div.carousel a {
font-size: 20px; }

View File

@ -23,6 +23,14 @@ body {
display: inline;
}
}
converse-muc-sidebar {
display: none !important;
}
div.converse-container {
width: 100%;
height: 400px;
margin-left: 0px;
}
div.page-contents div.footer p.attribution {
font-size: $attribution_font_size;
a {
@ -767,6 +775,19 @@ body {
}
}
}
@media (min-width: 768px) {
body {
converse-muc-sidebar {
display: flex !important;
&.hidden {
display: none !important;
}
}
div.converse-container {
margin-left: 15px;
}
}
}
@media (min-width: 694px) {
body {

View File

@ -89,7 +89,7 @@
</div>
<hr/>
<div class="footer">
<div style="width: 100%; height: 400px">
<div class="converse-container">
<converse-root></converse-root>
</div>
<div class="description">
@ -106,8 +106,8 @@
%= include 'ads/_carousel'
</div>
</div>
<script src="/js/converse.min.js"></script>
<link rel="stylesheet" href="/css/converse.min.css"/>
<script src="/dist/converse.min.js"></script>
<link rel="stylesheet" href="/dist/converse.min.css"/>
<script>
converse.initialize({
bosh_service_url: 'https://anon.burguillos.info:5281/http-bind',
@ -120,6 +120,7 @@
singleton: true,
view_mode: 'embedded',
auto_login: true,
show_desktop_notifications: false,
});
</script>
</html>