mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-04-21 16:32:18 +02:00
Code Issues Projects Releases Wiki Activity

MDL-80383 mod_book: Make book content use full width on small screens

Browse Source
This commit is contained in:
Rajneel Totaram 2023-12-20 14:57:37 +12:00
parent 9587029a46
commit a2bb81a4be
2 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
mod/book/styles.css
View File

@ -98,11 +98,21 @@
@media (max-width: 768px) {
.path-mod-book #mod_book-chaptersnavigation {
top: calc(100% - 250px);
margin: 0;
margin: 0 -0.5rem;
z-index: 1;
}
.path-mod-book .btn-previous,
.path-mod-book .btn-next {
opacity: 0.85;
border-radius: 25px;
padding: 10px;
width: 45px;
height: 45px;
}
.path-mod-book .book_content {
margin-left: 35px;
margin-right: 35px;
margin-left: -5px;
margin-right: -5px;
}
}

12
theme/classic/scss/moodle.scss
View File

@ -20,16 +20,22 @@ img.userpicture {
.path-mod-book {
#mod_book-chaptersnavigation {
margin-left: -5px;
margin-right: -5px;
margin: 0 -0.75rem;
@include media-breakpoint-down(md) {
@include media-breakpoint-down(sm) {
top: calc(100% - 150px);
z-index: 1;
}
}
.book_content {
margin: 0 30px;
@include media-breakpoint-down(sm) {
margin-left: -10px;
margin-right: -10px;
padding: 0 5px;
}
}
}