More options for the roundframe style

[[chrisB]]

Can more control be given to this option? Such as the ability to turn it off in certain areas (rather than it being on for all locations).




I thought I might be able to hide the roundframe from showing on my forums index page with CSS, allowing to show in every other location other than that.


It looks awesome in pages, giving it a different look but it looks off in the forum IMO.


More options to customise this would be great.

[tino]

You can do it on a per block setting? Although if you want it on different pages then you'd need to clone the block and only show ones on certain pages.

TinyPortal is already complex enough with its options. I'm not sure adding more complexity is good when I think you can already do what you're asking.

[[chrisB]]

You can do it on a per block setting? Although if you want it on different pages then you'd need to clone the block and only show ones on certain pages.

Could you show me where? I don't see it inside the block settings.

Code Select Expand

.roundframe {
    margin: 10px 0 0 0;
    padding: 12px 16px
px
;
    background: #f8f8f8;
    border: 1px solid #c5c5c5;
    border-radius: 7px;
    box-shadow: 0 -2px 2px rgb(0 0 0 / 10%);
    overflow: auto;
}

I see styling options which I have used, but I see nothing regarding roundframe (the above CSS).

[@rjen]

Roundframe is a panel setting, not a block. And I agree with Tino on not adding more settings for cases that are not more commonly requested.

I think the roundframe option is a bit dated personally, and I have seriously considered removing it completely...

[[chrisB]]

It could easily be handled with CSS, if the panels had a way that targeted it. Hence why I originally asked in a support post if it can be done.

[[chrisB]]

Code Select Expand

toggle_tprightbarHeader

This is the class that hides the right bar, can this be used alongside the board index (if there's a class for it).

So like;

Code Select Expand

boardindex + togglerightbarheader {
.roundframe {
  display: none;
}

I'm not sure how to explain it but on one of my IPS sites, a theme designer once told me how to target certain areas but I don't know SMF setup that well. The last time I really got this in-depth was with the SMF 1.

[@rjen]

Off course the panel can be targeted, IF there was a higher level  element that is specific to the areas that you want to target.

These elements do not exist in TinyPortal and I do not think they exist in SMF.

Perhaps a solution can be found if you specify exactly what forum pages you want to target and which not. Without that we can only guess

[[chrisB]]

I'm only trying to target the board index (the main forum page).

The round frame looks neat on the pages, in a way that makes the side panel standout away from the main page and I really like that.

[@rjen]

Well, like I said: there is no higher-level element on that page that indicates that it is the boardindex...

So there is nothing to target using css...

[[chrisB]]

That's fair enough, thank you for your time and explanation.

[[chrisB]]

Well, like I said: there is no higher-level element on that page that indicates that it is the boardindex...

So there is nothing to target using css...

This does what I want, but I'm not sure if it's the correct way to do it with all the '0' values. I tried with just the margin part, the other parts would return from the tinyportal css

Code Select Expand

.action_forum .roundframe {
    margin: 1px 0px 0px 0px;
    padding: 0;
    background: 0;
    border: 0;
    border-radius: 0;
    box-shadow: 0;
    overflow: 0;
}

Could someone please explain and tell me the code to override this please?

Code Select Expand

<div id="tprightbarContainer" style="width:305px;">

Nothing I have tried works so far.

[@rjen]

This is an in-line style: it will ALWAYS override anything set in css...

What are you trying to accomplish by overriding that?

[[chrisB]]

I would like the width for the forum to be 270px.

[@rjen]

You mean you want a different width for the right panel when you are forum, different from the standard width ...

This width is set by the TinyPortal panel width setting: that does not allow for different values depending on where you are

[@rjen]

Correction. I think this WILL work...

add to your css...

.action_forum #tprightbarContainer {
   width: 270px!important;
}

[[chrisB]]

Correction. I think this WILL work...

add to your css...

.action_forum #tprightbarContainer {
   width: 270px!important;
}

THANK YOU, thank you rjen! 👏🏻👏🏻