Fixes #3999 - Long role names get broken due to bad overflow

This commit is contained in:
Mantas Masalskis 2022-03-09 22:32:12 +01:00
parent d6236a3afa
commit 513fadc8dc
2 changed files with 42 additions and 34 deletions

View file

@ -1,15 +1,15 @@
<div style="padding-left: 18px; padding-top: 10px;">
<table class="settings-list settings-list--roles-permissions">
<table class="settings-list settings-list--roles-permissions">
<thead>
<th width=150><%- @T('Role') %>
<th><%- @T('Role') %>
<% for key, text of @accessLevels: %>
<th><%- @T(text) %>
<% end %>
<tbody>
<% for role in @roles: %>
<% for role in @roles: %>
<tr>
<td>
<%= role.name %>
<% for key, text of @accessLevels: %>
<td class="settings-list-control-cell settings-list-radio-cell u-clickable">
<label class="inline-label radio-replacement">
@ -28,6 +28,4 @@
</label>
<% end %>
</tr>
<% end %>
</table>
</div>
<% end %>

View file

@ -10802,7 +10802,7 @@ output {
}
td {
word-break: break-all;
word-break: break-word;
}
td.empty-cell {
@ -10958,6 +10958,16 @@ output {
}
}
.settings-list--roles-permissions {
margin-left: 18px;
margin-right: 18px;
margin-top: 10px;
th:first-child {
min-width: 150px;
}
}
.select-boxes {
display: flex;
align-items: flex-start;