sergiotarxz
/
burguillos.info
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/css/styles.css
View File

@ -11,6 +11,12 @@ body {
height: 100%; } height: 100%; }
body summary h2, body summary h3, body summary h4, body summary h5 { body summary h2, body summary h3, body summary h4, body summary h5 {
display: inline; } 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 { body div.page-contents div.footer p.attribution {
font-size: 0.8em; } font-size: 0.8em; }
body div.page-contents div.footer p.attribution a { 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 { body div.page-contents table th, body div.page-contents table td {
font-size: 20px; } } 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) { @media (min-width: 694px) {
body div.carousel a { body div.carousel a {
font-size: 20px; } font-size: 20px; }

21
public/css/styles.scss
View File

@ -23,6 +23,14 @@ body {
display: inline; 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 { div.page-contents div.footer p.attribution {
font-size: $attribution_font_size; font-size: $attribution_font_size;
a { 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) { @media (min-width: 694px) {
body { body {

7
templates/layouts/default.html.ep
View File

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