Fix task list label styling.

This commit is contained in:
John Livingston 2024-12-10 11:25:33 +01:00
parent 1bea08654f
commit d0797ba631
No known key found for this signature in database
GPG Key ID: B17B5640CE66CDBC
3 changed files with 10 additions and 1 deletions

View File

@ -1,5 +1,9 @@
# Changelog # Changelog
## 12.0.2
* Fix task list label styling.
## 12.0.1 ## 12.0.1
### Minor changes and fixes ### Minor changes and fixes

View File

@ -34,6 +34,11 @@
.task-list-name { .task-list-name {
flex-grow: 2; flex-grow: 2;
label {
// Cancelling the Peertube margin-bottom on labels
margin: 0;
}
form { form {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;

View File

@ -39,7 +39,7 @@ export default function tplMucTaskList (el, tasklist) {
${!el.edit ${!el.edit
? html` ? html`
<div class="task-list-name"> <div class="task-list-name">
<a @click=${el.toggleTasks}>${tasklist.get('name')}</a> <a @click=${el.toggleTasks}><label>${tasklist.get('name')}</label></a>
</div> </div>
<button type="button" class="task-list-action" title="${i18nCreateTask}" @click=${el.openAddTaskForm}> <button type="button" class="task-list-action" title="${i18nCreateTask}" @click=${el.openAddTaskForm}>
<converse-icon class="fa fa-plus" size="1em"></converse-icon> <converse-icon class="fa fa-plus" size="1em"></converse-icon>