mirror of
https://github.com/moodle/moodle.git
synced 2025-03-18 06:31:22 +01:00
1a75b75b52
This ensures all row content wraps nicely on smaller screen sizes, and forces all action buttons to be displayed in a consistent position indepdendent of the length of the activity name etc. Buttons are also now aligned under the text on small screens, to maximise space for the text content. Co-authored-by: Michael Hawkins <michaelh@moodle.com>
24 lines
489 B
CSS
24 lines
489 B
CSS
#block-region-side-pre .block_timeline h6.event-action {
|
|
flex-basis: 100%;
|
|
}
|
|
#block-region-side-pre .block_timeline .event-name-container {
|
|
flex-basis: 50%;
|
|
}
|
|
#block-region-side-pre .block_timeline h6.event-action a.btn {
|
|
width: auto;
|
|
}
|
|
|
|
.block_timeline .timeline-action-button {
|
|
margin-left: auto;
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.block_timeline .timeline-name {
|
|
width: 100%;
|
|
}
|
|
|
|
.block_timeline .timeline-action-button {
|
|
margin-left: 0;
|
|
}
|
|
}
|