display: block;
background-color: DarkSlateGrey;
color: White;
- font-size: 1.7vh;
+ /* font-size: 1.7vh; */
+ font-size: calc(50% + 0.6vw);
border: none;
padding: 1vh;
}
border: 1px solid GhostWhite;
background-color: GhostWhite;
color: Black;
- font-size: 1.5vh;
+ font-size: calc(50% + 0.7vh);
border-radius: 5px;
}
}
.ctdl-forum-reading-pane {
- background-color: White; /* Background behind the message boxes */
+ background-color: White; /* Background behind the message boxes */
}
.ctdl-fmsg-wrapper { /* message wrapper for forum view */
document.getElementById("current_user").innerHTML = current_user ;
if (logged_in) {
- document.getElementById("lilo").innerHTML = "<a href=\"/ctdl/a/logout\"><i class=\"fa fa-right-from-bracket\"></i>" + _("Log off") + "</a>" ;
+ document.getElementById("lilo").innerHTML = "<a href=\"/ctdl/a/logout\"><i class=\"fa fa-right-from-bracket\"></i> " + _("Log off") + "</a>" ;
}
else {
- document.getElementById("lilo").innerHTML = "<a href=\"javascript:display_login_screen('')\"><i class=\"fa fa-right-to-bracket\"></i>" + _("Log in") + "</a>" ;
+ document.getElementById("lilo").innerHTML = "<a href=\"javascript:display_login_screen('')\"><i class=\"fa fa-right-to-bracket\"></i> " + _("Log in") + "</a>" ;
}
}
// make the nav buttons appear (post a new message, skip this room, goto next room)
- document.getElementById("ctdl-newmsg-button").innerHTML = "<i class=\"fa fa-edit\"></i>" + _("Post message");
+ document.getElementById("ctdl-newmsg-button").innerHTML = `<i class="fa fa-edit"></i> ` + _("Post message");
document.getElementById("ctdl-newmsg-button").style.display = "block";
- document.getElementById("ctdl-skip-button").innerHTML = "<i class=\"fa fa-arrow-alt-circle-right\"></i>" + _("Skip this room");
+ document.getElementById("ctdl-skip-button").innerHTML = _("Skip this room") + ` <i class="fa fa-arrow-alt-circle-right"></i>`;
document.getElementById("ctdl-skip-button").style.display = "block";
- document.getElementById("ctdl-goto-button").innerHTML = "<i class=\"fa fa-arrow-circle-right\"></i>" + _("Goto next room");
+ document.getElementById("ctdl-goto-button").innerHTML = _("Goto next room") + ` <i class="fa fa-arrow-circle-right"></i>`;
document.getElementById("ctdl-goto-button").style.display = "block";
}