Add some hyphenation

Use hyphenation for motion details poll display.
More lenient display of lpng poll names using hyphenation
This commit is contained in:
Sean 2021-05-25 15:56:12 +02:00
parent 4d4a3bb0db
commit f707615875
2 changed files with 8 additions and 4 deletions

View File

@ -4,7 +4,7 @@
<!-- Title Area --> <!-- Title Area -->
<div class="poll-title-area"> <div class="poll-title-area">
<!-- Title --> <!-- Title -->
<span class="poll-title"> <span class="poll-title break-word">
<a [routerLink]="pollLink"> <a [routerLink]="pollLink">
{{ poll.title | translate }} {{ poll.title | translate }}
</a> </a>
@ -22,10 +22,10 @@
<!-- Subtitle --> <!-- Subtitle -->
<div class="italic spacer-bottom-20"> <div class="italic spacer-bottom-20">
<!-- Type and State --> <!-- Type and State -->
<div class="type-and-state italic spacer-bottom-20"> <div class="type-and-state italic spacer-bottom-20 break-word">
<span *osPerms="permission.motionsCanManagePolls; and: poll.isEVoting"> <span *osPerms="permission.motionsCanManagePolls; and: poll.isEVoting">
<os-icon-container <os-icon-container
class="poll-type" class="poll-type break-word"
icon="info" icon="info"
color="primary" color="primary"
[swap]="true" [swap]="true"
@ -39,7 +39,7 @@
</span> </span>
<!-- State --> <!-- State -->
<span> <span class="break-word">
{{ poll.stateVerbose | translate }} {{ poll.stateVerbose | translate }}
</span> </span>
</div> </div>

View File

@ -729,6 +729,10 @@ button.mat-menu-item.selected {
white-space: nowrap; white-space: nowrap;
} }
.break-word {
hyphens: auto;
}
.white { .white {
color: white; color: white;
} }