Files
moodle/question/bank/columnsortorder/styles.css
T
Mark Johnson 37d69fff6b MDL-74054 qbank_columnsortorder: Implement add, remove and resize
This updates the admin interface, and hooks into the question bank view
for users to override admin defaults with their preferences.
2023-09-22 10:53:52 +08:00

44 lines
1.2 KiB
CSS

#page-admin-question-bank-columnsortorder-sortcolumns .addcolumn {
display: inline-block;
}
.qbank-sortable-column {
background-color: white;
position: relative;
}
.jsenabled .qbank-column-list button.savewidths {
display: none;
}
.qbank-sortable-column .qbank_columnsortorder-action-handle {
display: none;
}
.qbank-sortable-column.show-handles .qbank_columnsortorder-action-handle {
display: block;
}
.qbank-sortable-column .handle-container {
pointer-events: none; /* Prevent the handle container blocking clicks to elements in the header */
width: 100%;
position: absolute;
top: 40%;
z-index: 1;
}
.qbank_columnsortorder-action-handle {
pointer-events: auto; /* Ensure the handles themselves receive clicks */
}
.qbank_columnsortorder-action-handle.move {
margin-left: -21px;
width: 16px;
}
.qbank_columnsortorder-action-handle.resize {
cursor: col-resize;
position: absolute;
top: 0;
right: 5px;
}
.qbank_columnsortorder-action-handle.resize img {
/* Prevent the resize handle icon being dragged across the page */
pointer-events: none;
}
.qbank_columnsortorder-action-handle .icon {
margin-right: 0;
}