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,33 +1,31 @@
<div style="padding-left: 18px; padding-top: 10px;">
<table class="settings-list settings-list--roles-permissions">
<thead>
<th width=150><%- @T('Role') %>
<% for key, text of @accessLevels: %>
<th><%- @T(text) %>
<% end %>
<tbody>
<% 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">
<input
type="radio"
value="<%= key %>"
name="<%= role.id %>"
<% if @params[role.id] == key: %>checked<% end %>
<% if role.limit?: %>
<% if key == 'editor' && role.limit != 'editor': %>disabled<% end %>
<% if key == 'reader' && role.limit == 'none': %>disabled<% end %>
<% end %>
/>
<%- @Icon('radio', 'icon-unchecked') %>
<%- @Icon('radio-checked', 'icon-checked') %>
</label>
<% end %>
</tr>
<% end %>
</table>
</div>
<table class="settings-list settings-list--roles-permissions">
<thead>
<th><%- @T('Role') %>
<% for key, text of @accessLevels: %>
<th><%- @T(text) %>
<% end %>
<tbody>
<% 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">
<input
type="radio"
value="<%= key %>"
name="<%= role.id %>"
<% if @params[role.id] == key: %>checked<% end %>
<% if role.limit?: %>
<% if key == 'editor' && role.limit != 'editor': %>disabled<% end %>
<% if key == 'reader' && role.limit == 'none': %>disabled<% end %>
<% end %>
/>
<%- @Icon('radio', 'icon-unchecked') %>
<%- @Icon('radio-checked', 'icon-checked') %>
</label>
<% end %>
</tr>
<% 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;