My opinion is, that it would be better, if on the completepage of the questionnaire the message div and the homelink div would be replaced by a button. It doesn't look really good like this.
In the attachement you see our before and after difference.
What do you think?
Kind regards
Adrian
Yes. I agree. I'll make an issue in Github to change that.
mike
Hello Mike
Thanks for your reply. Can you send me the Issue-Link? Maybe I can contribute to that.
Kind regards
Adrian
Absolutely. Here ya go - Issue 118.
Thanks for the link. Additionally there should be also changed other links for these pages (viewpage/completepage). I made a CSS/JS hack for this atm:
<!-- Make divs clickable for embedded Links in "mod_questionnaire" -->
<script>
$("#page-mod-questionnaire-complete .message, #page-mod-questionnaire-complete .homelink, #page-mod-questionnaire-view .complete, #page-mod-questionnaire-view .yourresponse, #page-mod-questionnaire-view .allresponses").click(function() {
window.location = $(this).find("a").attr("href");
});
</script>
CSS:
.mod_questionnaire_viewpage .message {
margin-bottom: 10px !important;
}
.mod_questionnaire_completepage .message {
display: inline-block;
line-height: 1.25;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: background-color .1s linear;
-o-transition: background-color .1s linear;
transition: background-color .1s linear;
background-color: #fafafa !important;
border: 1px solid #ccc !important;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
margin: 10px !important;
padding: 7px 14px 7px 14px !important;
}
.mod_questionnaire_completepage, .mod_questionnaire_viewpage {
.homelink, input[type="submit"], .complete, .yourresponse, .allresponses {
display: inline-block;
line-height: 1.25;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: background-color .1s linear;
-o-transition: background-color .1s linear;
transition: background-color .1s linear;
background-color: #fafafa !important;
border: 1px solid #ccc !important;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
padding: 7px 14px 7px 14px !important;
}
.buttons {
padding: 10px !important;
}
.intro {
margin-bottom: 10px !important;
}
input[type="submit"], .complete, .yourresponse, .allresponses {
margin-right: 10px !important;
color: #373a3c !important;
}
a {
color: #373a3c !important;
text-decoration: none;
}
}
