.CodeMirror-scroll padding-bottom and overflow

  • Resolved sanotesru

    (@sanotesru)


    5 years ago

    Hi! Thank you for the nice plugin and beautiful themes.
    Now I have some problems with my “Romb Theme”

    When I add a block I see an extra space at the bottom and
    a horizontal scroll bar! You can see it here:
    https://ibb.co/F061yQ0

    Using the browser inspector, I found the necessary properties and added the following code:

    .CodeMirror-scroll {padding-bottom: 0px;
overflow-x: hidden !important;
overflow-y: hidden !important;
}

    but still see the vertical scrollbar?!

    I also noticed that if you disable the style properties:

    .post :last-child {
margin-bottom: 0;

    Everything looks fine! How to fixit?

    I don’t see it yet ‘line number!’

    • This topic was modified 5 years ago by sanotesru.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Vicky Agravat

    (@vickyagravat)

    5 years ago

    Hello @sanotesru

    I think this snippet will work for you.

    .post .CodeMirror :last-child {
    margin-bottom: .5em;
}

    or 

    .post .CodeMirror *:last-child {
    margin-bottom: .5em;
}

    You can add any one of them, and check which will work.

    You can also adjust the value “.5em” from “.25em” to “1em” whichever suits best for your theme.

    Thank you.

    Thread Starter sanotesru

    (@sanotesru)

    5 years ago

    Thanks for the quick response, but both snippets didn’t help ((
    You can see the result on the page: https://sanotes.ru/vsftpd-ftp-server-linux/

    Plugin Author Vicky Agravat

    (@vickyagravat)

    5 years ago

    Hello @sanotesru

    try this snippet 

    
.post .CodeMirror *:last-child {
    margin-bottom: inherit;
}

.CodeMirror .CodeMirror-scroll {
    margin-bottom: -30px !important;
    padding-bottom: 30px;
}

    You can adjust the given values.

    Hope it will work.

    Thread Starter sanotesru

    (@sanotesru)

    5 years ago

    Yes, this code helped me! It’s fine now!

    .CodeMirror .CodeMirror-scroll {
    margin-bottom: -30px !important;
    padding-bottom: 30px;
}

    Thanks you!

    Thread Starter sanotesru

    (@sanotesru)

    5 years ago

    One more question! How do I change the distance from the left edge of the code border to the beginning of the text? left-margin or padding?
    https://ibb.co/RQZ1wrD

    Plugin Author Vicky Agravat

    (@vickyagravat)

    5 years ago

    For that Use this snippet

    
.CodeMirror pre {
    padding-left: 0;
}
    Thread Starter sanotesru

    (@sanotesru)

    5 years ago

    It works! Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘.CodeMirror-scroll padding-bottom and overflow’ is closed to new replies.