.CodeMirror-scroll padding-bottom and overflow

Resolved sanotesru
(@sanotesru)

4 years, 11 months 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 4 years, 11 months 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)

4 years, 11 months 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)

4 years, 11 months 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)

4 years, 11 months 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.
- This reply was modified 4 years, 11 months ago by Vicky Agravat.
Thread Starter sanotesru
(@sanotesru)

4 years, 11 months 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)

4 years, 11 months 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)

4 years, 11 months ago
For that Use this snippet
```
.CodeMirror pre {
    padding-left: 0;
}
```
Thread Starter sanotesru
(@sanotesru)

4 years, 11 months 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.