Add some hyphenation
Use hyphenation for motion details poll display. More lenient display of lpng poll names using hyphenation
This commit is contained in:
parent
4d4a3bb0db
commit
f707615875
@ -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>
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user