mirror of https://github.com/JohnHammond/CTFd.git
Fix for overflowing content preventing edit and deletion in admin panel (#891)
* Closes #876 * Fixes overflowing admin panel content by adding the `.text-break` CSS class. * This is .text-break cloned from Bootstrap 4.3 with a fix for browsers not supporting break-word. It will be removed from the main CTFd classes when Bootstrap is upgraded internally.selenium-screenshot-testing
parent
1f768dbfaf
commit
2f252f5240
|
@ -181,4 +181,11 @@ pre {
|
|||
-webkit-border-radius: 0 !important;
|
||||
-moz-border-radius: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.text-break {
|
||||
/* TODO: This is .text-break cloned from Bootstrap 4.3 with a fix for browsers not supporting break-word. Remove later. */
|
||||
word-break: break-all !important;
|
||||
word-break: break-word !important;
|
||||
overflow-wrap: break-word !important;
|
||||
}
|
|
@ -10,7 +10,7 @@
|
|||
{% for flag in flags %}
|
||||
<tr name="{{ flag.id }}">
|
||||
<td class="text-center">{{ flag.type }}</td>
|
||||
<td>
|
||||
<td class="text-break">
|
||||
<pre class="flag-content">{{ flag.content }}</pre>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
{% for hint in challenge.hints %}
|
||||
<tr>
|
||||
<td class="text-center">{{ hint.type }}</td>
|
||||
<td class=""><pre>{{ hint.content }}</pre></td>
|
||||
<td class="text-break"><pre>{{ hint.content }}</pre></td>
|
||||
<td class="text-center">{{ hint.cost }}</td>
|
||||
<td class="text-center">
|
||||
<i role='button' class='btn-fa fas fa-edit edit-hint' hint-id="{{ hint.id }}"></i>
|
||||
|
|
Loading…
Reference in New Issue