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

Recent

Welcome to TinyPortal. Please login or sign up.

July 21, 2024, 01:56:56 PM

Login with username, password and session length
Members
Stats
  • Total Posts: 195,333
  • Total Topics: 21,233
  • Online today: 103
  • Online ever: 3,540 (September 03, 2022, 01:38:54 AM)
Users Online
  • Users: 1
  • Guests: 66
  • Total: 67
  • @rjen

More options for the roundframe style

Started by [chrisB], January 09, 2023, 10:50:20 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

[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]

Quote from: tino on January 09, 2023, 11:04:48 PM
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.

.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...
Running Latest TP on SMF2.1 at: www.fjr-club.nl

[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]

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;

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
Running Latest TP on SMF2.1 at: www.fjr-club.nl

[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...

Running Latest TP on SMF2.1 at: www.fjr-club.nl

[chrisB]

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

[chrisB]

Quote from: @rjen on January 15, 2023, 10:43:25 PM
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
.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?
<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?
Running Latest TP on SMF2.1 at: www.fjr-club.nl

[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
Running Latest TP on SMF2.1 at: www.fjr-club.nl

@rjen

Correction. I think this WILL work...

add to your css...

.action_forum #tprightbarContainer {
   width: 270px!important;
}
Running Latest TP on SMF2.1 at: www.fjr-club.nl

[chrisB]

Quote from: @rjen on January 27, 2023, 06:23:40 PM
Correction. I think this WILL work...

add to your css...

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

THANK YOU, thank you rjen! 👏🏻👏🏻