MDL-74054 questions: Fix question bank header widths

Chrome ignores min-width on table headers with table-layout:fixed,
meaning that question bank headers could be resized so that the controls
were overlapping, and could be too narrow by default.

This removes min-width: min-content in the headers and instead uses
Javascript to calculate a constrain a min width based on the content of
the headers.
This commit is contained in:
Mark Johnson 2023-09-22 15:12:51 +01:00 committed by Andrew Nicols
parent 216060b637
commit 0ac2936c11
No known key found for this signature in database
GPG key ID: 6D1E3157C8CFBF14
11 changed files with 65 additions and 19 deletions

View file

@ -32054,7 +32054,6 @@ table.question-bank-table label {
}
table.question-bank-table .header {
text-align: left;
min-width: min-content;
}
table.question-bank-table .header.sortable-list-current-position {
background-color: #a2cff8;
@ -32069,6 +32068,9 @@ table.question-bank-table .header .header-text > div {
table.question-bank-table .header .dropdown-toggle::after {
margin-left: 0;
}
table.question-bank-table .header.checkbox .form-check {
padding-left: 0;
}
#page-mod-quiz-edit div.questionbankwindow div.header {
margin: 0;