We are using Moodle 2.5.1+
We have noticed pages with large text names and a text editor box cause the text box to overflow without a scroll bar for the user to access the entire text box. Any suggestions or warnings about adding the CSS below to the Theme/Style/base.css ? Is this something that should be added in all themes? Any suggestions would be appreciated.
.generalbox {
padding: 10px;
margin-bottom: 15px;
width: 100%;
overflow: auto;
Image of issue:
Well, the obvious and often repeated warning is that changing anything directly in core files (such as the base theme) could cause difficulties or at least extra work when upgrading next as those changes will be overridden and lost. Also as base is used as a parent by many themes, making a change to base you should test it fully in ALL themes to ensure no unexpected changes in child themes.
You may also need to target the css more specifically than just applying to .generalbox - this could lead to a proliferation of scrollbars all over your page whenever there is large content.
Ideally make the change just in your own theme(s) rather than in base. Although the original rule may be in base, adding it to your child theme will override what is in base anyway.
If you really think this is a change that should be made in base it may be worth opening a tracker issue for it and seeing if there are comments and so on there to get the change integrated into core.
Richard
Hi,
If you could give me more details of the page you where at when you took the screen shot, as I am not familiar with that page at all, that would be a great help?
Many of the Report pages and Admin pages in Moodle may well be in need of more scrolling, but unless we get a bug reported in Moodle Tracker to start tracking these kind of bugs then we can't do anything about them.
Adding some custom CSS is fine providing you add it to the theme that you are using. Not every theme has a base.css file most themes carry a file called core.css.
Then again, some themes like Afterburner have a custom css settings page built into the theme, this allows you to add css to fix a problem or change the look of the theme.
So with regards this issue, first we need more information, Moodle version and theme name, and lastly the location of the page that has the problem, or list of pages that have the overflow problems.
Oh...and here is a quick fix using the browser Zoom out using feature. You can either use the browser View/Zoom/'Zoom out' or use your keyboard, Ctrl + - (Control key plus the minus key).
Hope this helps?
Mary