Vertical Scroll

that code only works with EnlighterJS <= 3.0 – for the new versions see https://github.com/EnlighterJS/EnlighterJS/issues/87

unfortunately, no one works -my theme is neve-

/* Enlighter collapse
----------------------------------------------------------------------------------- */
.enlighter-collapse{

    // default layout - single codeblock
    &.@{VIEW_STANDARD}{

        // scrollbar on y axis
        overflow-y: auto;
        max-height: 500px;
    }

    // tabbed layout - use inner container a scroll wrapper!
    &.@{VIEW_CODEGROUP}{

        // scroll wrap
        .enlighter-codegroup-wrapper{
            // scrollbar on y axis
            overflow-y: auto;
            max-height: 500px;
        }
    }

    // override in case the full sourcecode should be displayed
    &.enlighter-collapse-full.@{VIEW_STANDARD}{
        max-height: none;
    }
    &.enlighter-collapse-full.@{VIEW_CODEGROUP} .enlighter-codegroup-wrapper{
        max-height: none;
    }
}

.enlighter-default{
      overflow-y: scroll;
       max-height: 100px;
}

• This reply was modified 3 years, 7 months ago by mamounrajab.
• This reply was modified 3 years, 7 months ago by mamounrajab.

the first one is raw less-css code (cannot be used directly) – the second one is correct and should work. could you please provide a link to the issue ? i’ll take a look on it. maybe it’s a theme issue

NEVE THEME WEBSITE LINK:
https://themeisle.com/themes/neve/
LINK TO DOWNLOAD NEVE THEME
https://www.ads-software.com/themes/neve/
—————————————–
Remark: about the second code: The code works but without a Vertical Scroll.
And there is another person encountered the same problem on another theme.

the code works fine within the dev environment [chrome90, firefox 78esr] (including the neve theme) and is part of the related EnlighterJS class.

to debug your issue i need a link which shows the issue…otherwise i’m unable to provide any help

https://lahtech.tech/latex-%D9%84%D8%A7%D8%AA%D8%A7%D9%83/%d8%b5%d9%86%d8%a7%d8%af%d9%8a%d9%82-latex-%d8%ac%d9%85%d9%8a%d9%84%d8%a9-6/

it works as expected using the code above

.enlighter-default{
    overflow-y: scroll;
    max-height: 100px;
}