Properly wrap message elements

This commit is contained in:
Mark Veidemanis 2022-08-02 22:22:22 +01:00
parent 1ed7f6a24c
commit f52d01d6f7
Signed by: m
GPG Key ID: 5ACFCEED46C0904F
2 changed files with 8 additions and 32 deletions

View File

@ -38,37 +38,13 @@
</script> </script>
<style> <style>
.icon { border-bottom: 0px !important;} .icon { border-bottom: 0px !important;}
.wrap {
.navbar-item.is-hoverable:hover .navbar-dropdown .navbar-dropdown { white-space: pre-wrap; /* CSS3 */
display: none; white-space: -moz-pre-wrap; /* Firefox */
} white-space: -pre-wrap; /* Opera <7 */
white-space: -o-pre-wrap; /* Opera 7 */
.navbar-dropdown .navbar-item.is-hoverable:hover > .navbar-dropdown { word-wrap: break-word; /* IE */
display: block; }
}
.navbar-dropdown .navbar-item .navbar-dropdown {
top: -10px;
margin-left: 100%;
box-shadow: 0 16px 8px -8px rgba(10,10,10,.1), 8px 0 8px -8px rgba(10,10,10,.1);
}
.navbar-dropdown .navbar-item.has-dropdown {
padding: 0;
}
.navbar-dropdown .navbar-item.has-dropdown > .navbar-link {
width: 100%;
padding: .375rem 1rem;
background-color: #fff;
}
.navbar-dropdown .navbar-item.has-dropdown:hover > .navbar-link {
background-color: #f5f5f5;
}
.navbar-dropdown .navbar-item.has-dropdown > .navbar-link:not(.is-arrowless) {
padding-right: 2.5em;
}
</style> </style>
</head> </head>
<body> <body>

View File

@ -89,7 +89,7 @@
<p>{{ item.date }}</p> <p>{{ item.date }}</p>
<p>{{ item.time }}</p> <p>{{ item.time }}</p>
</td> </td>
<td style="max-width: 10em">{{ item.msg }}</td> <td style="max-width: 10em" class="wrap">{{ item.msg }}</td>
<td>{{ item.host }}</td> <td>{{ item.host }}</td>
<td> <td>
{% if item.online is True %} {% if item.online is True %}