Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: [chrisB] on February 04, 2023, 12:21:28 PM

Title: Custom Sidebar width change
Post by: [chrisB] on February 04, 2023, 12:21:28 PM
I use this edit on my site:
/* ----------------------- */
/* Custom sidebar testing. */
/* Adjust @media min-width to suit personal preferences. */
/* There will be a range between sidebar & mobile menus. */
/* In this range, menus will be standard 2.1 drop menus. */
/* ----------------------------------------------------- */
@media screen and (min-width: 720px) {
    /* Overflow needed due to clear: both; on children. */
    #admin_content {
        margin: 0 0 0 234px;
        overflow: auto;
    }
    /* Fix minor inconsistencies due to icons. */
    #admin_content .cat_bar:first-child .catbg {
        max-height: 38px;
        min-height: 38px;
    }
    /* Sidebar wrapper. */
    #genericmenu {
        float: left;
    }
    .generic_menu {
        margin: 0;
    }
    /* Top level. */
    #genericmenu .dropmenu > li {
        display: block;
        margin: 0;
    }
    /* Level 2 submenu links, displayed as .cat_bar headers. */
    #genericmenu .dropmenu>.subsections>a {
        padding: 8px 12px 6px 12px;
        background: linear-gradient(#f7f8f9, #e5e9f0) !important;
        color: #4f586a;
        font-size: 1.125rem;
        font-weight: 400;
        text-shadow: 1px 1px 1px #fff;
        border: 1px solid #ddd !important;
        border-bottom-color: #ccc !important;
        border-radius: 6px 6px 0 0 !important;
        box-shadow: none !important;
        pointer-events: none;
    }
    /* Level 2 submenu wrappers, displayed as sidebar blocks. */
    /* Note: flickers on hover, due to Superfish/HoverIntent. */
    #genericmenu .dropmenu>.subsections>ul {
        position: static;
        display: block !important;
        margin: 2px 0 6px;
        background: #f7f8f9 !important;
        border: 1px solid #ddd !important;
        border-radius: 0;
        box-shadow: none !important;
        opacity: 1 !important;
    }
    .subsections {
        position: relative;
    }
}
How do I change the width of it all completely?
Title: Re: Custom Sidebar width change
Post by: Diego Andrés on February 05, 2023, 04:12:25 PM
Do you have a link to the topic where you got it from?
Would be better to have a bit of context on this.

Is it the Ant's tip? I couldn't find the topic.
Title: Re: Custom Sidebar width change
Post by: [chrisB] on February 06, 2023, 10:39:20 AM
I actually found it searching sidebar or custom sidebar in the forums here, I think it was to mainly tweak the ACP but it also changes the user profiles.

So, instead of having menus/drop down items - it lists them in blocks.

Unfortunately, I can't find it again.

If you check the custom theme you created me, it will be in there. In the default theme it does have a gap between content.

https://poetryartonline.com/profile/Chris/
Title: Re: Custom Sidebar width change
Post by: Sir Osis of Liver on February 06, 2023, 11:57:25 AM
https://www.simplemachines.org/community/index.php?topic=573662.msg4095578#msg4095578
Title: Re: Custom Sidebar width change
Post by: Diego Andrés on February 06, 2023, 12:44:03 PM
  @media screen and (min-width: 720px)
#genericmenu {
  padding-right: 10px;
}