TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

Members
Stats
  • Total Posts: 196,004
  • Total Topics: 21,330
  • Online today: 219
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 0
  • Guests: 104
  • Total: 104

Shoutbox Scrollbar

Started by Kimmen, February 13, 2014, 12:36:23 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Kimmen

Link to my forum: http://www.efclan.eu
SMF version: 2.0.7
TP version: 1.105
Default Forum Language: English
Theme name and version: Custom
Browser Name and Version: Chrome latest version
Mods installed: -
Related Error messages:

I want to remove the horisontal scrollbar that my shoutbox generates. I assume that it has to do with the textarea and i cannot for the life of me figure out how to stop that scrollbar from appearing. Any help on removing that would be appreciated. Here is an image to see it aswell.

Solved.

In file: \Themes\default\tp-style.css

.editor {
    height: 100px;
    width: 635px;
    max-width: 100%;
    min-width: 100%;
    margin: 0.25em 0 1em 0;
}


Replace with:
.editor {
    height: 100px;
    width: 635px;
    max-width: 100%;
    min-width: 95%;
    margin: 0.25em 0 1em 0;
}

ZarPrime

OK, that would work too and I'm glad you fixed it but you may want to make sure the fix works for other screen resolutions as well.  Here is what I was going to mention ...

Somewhere in the index.php or index.template.php for the theme, there is a blockbody class that looks something like this ...


<div class="blockbody" style="overflow: auto;">


If you can find that, changing "auto" to either "visible" or "inherit" should fix the issue.  If you can't find that, look in the /Themes/default/tp-style.css?fin11 and ...

Code (Find This) Select

.blockbody {
    line-height: 1.3em;
    padding: 4px;
}


Code (Replace with This) Select

.blockbody {
    line-height: 1.3em;
    padding: 6px;
}


If you add any other blocks besides the Shoutbox, we might have to look at this issue again.

Be sure to backup any files you are editing first.

ZarPrime

Kimmen

I have searched in the index.template.php and index.php and i cannot find such code anywhere.

I changed the tp-style.css with the suggested edit, now, what could go wrong with that one you say?


ZarPrime

It should be fine but, if you add any other blocks, we might have to look at the issue again.  Also, this issue with the scrollbar at the bottom of the shoutbox may be something that we fixed in a later version of TP than you have.  In any case, making that panel a little wider might have fixed it as well.

ZP

Kimmen

We did try to expand the panel, but the textarea expanded with it ^^
If i get any trouble with other blocks, i know what causes it and will replace again asap. I am happy with the edit, all is well  O0

ZarPrime


This website is proudly hosted on Crocweb Cloud Website Hosting.