Boost unstyled quiz navigation buttons

Boost unstyled quiz navigation buttons

by David Ricardo Mora Fonseca -
Number of replies: 2

Greetings, all.

I am running currently on Moodle 3.8.3+ (Build: 20200602) Version 2019111803.08 Stable version and Boost 2019111800. Running a quiz today it was brought to my attention that the quiz navigation buttons were not showing up to jump through questions freely as it used to be possible last semester.

After checking the quiz settings and other alternatives, I realized that the buttons were actually rendered in the page, they were just completely white on top of a white background. I got them to show with a few SCSS rules added to the theme (Appearance > Themes > Boost > Advanced Settings > Raw SCSS) that looks like the following (please don't pay much attention to the colors, it's just some random choosing of named colors that need some tweaking):

.qn_buttons {
    border: solid black;
    border-radius: 5px;
    padding: 5px;
}

.qnbutton {
    color: black;
}
.qnbutton:hover {
    color: green;
    font-weight: bolder;
    border: solid 10px !important;
}

.qnbutton.notyetanswered .trafficlight {
   background-color: yellow !important;
}
.qnbutton.answersaved .trafficlight {
   background-color: cyan !important;
}

With that I got the buttons showing up visibly:


Should this be registered as a theme bug or maybe this is something on my install?

- David R. Mora Fonseca

Average of ratings; -
In reply to David Ricardo Mora Fonseca

Re: Boost unstyled quiz navigation buttons

by David Ricardo Mora Fonseca -

An image is missing from that post, this is how it shows after the SCSS was added:

Modified buttons

Sorry, couldn't edit the original post.

- David R. Mora Fonseca

In reply to David Ricardo Mora Fonseca

Boost unstyled quiz navigation buttons

by John Provasnik -
Picture of Particularly helpful Moodlers Picture of Testers
You should attempt to report it as a bug and specify what preset you are using. But as you can see, with a little CSS you can fix this issue in the meantime.