Vertical Scrollbar Missing

Frink

On my flarum site (https://zaptech.ca) the scrollbar is missing.... is this a problem with my browser, or a problem with flarum?

BlackSheep

Can you stop posting your url each time you make a post ?

jordanjay29

BlackSheep site urls are fine in Support posts. If it becomes excessive or posted elsewhere is where it becomes spam.

Frink

Anybody figured out anything on this? Or is it just my browser?

Ralkage

Please provide us with a screenshot and your Custom CSS/LESS code.

We will be glad to assist you in any way we can.

Frink

Ralkage

Custom CSS/LESS code:

.IndexPage-newDiscussion { 
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
color: #fff;
background-size: 1800% 1800%;
-webkit-animation: rainbow 15s ease infinite;
-z-animation: rainbow 15s ease infinite;
-o-animation: rainbow 15s ease infinite;
  animation: rainbow 15s ease infinite;
}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
body::-webkit-scrollbar {
    width: 0.3em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: white;
}
 
body::-webkit-scrollbar-thumb {
  background-color: purple;
  outline: 1px solid slategrey;
}
body{
background: url("https://zaptech.ca/images/713.jpg");
background-size:cover;
background-attachment:fixed;
background-position: center center;
background-repeat:no-repeat;

}
.Hero{
background-color: rgba(255, 255, 255, 0.35);
border-radius: 5px;
}

h3, a{
color:black !important;
}
.App-content {
background-color: rgba(255, 255, 255, 0.8);
max-width: 1200px;
margin: 20px auto;
border-radius: 5px;
  }
 .DiscussionPage-discussion > .container  {
    min-height: 530px;
  }
.App:before{
background-color: rgba(255, 255, 255, 0.9);
}
.UserPage{
border-radius: 5px;
}
.PostStream-item{
border-bottom:1px solid #e5aaff !important;
}
.DiscussionListItem:hover{
background-color:#e0beff;
}
.Scrubber-handle{
background:none;
}

Ralkage

This is working perfectly on a fresh forum using Chrome (this is where I noticed the scroll bar missing on your forum).

Please try clearing your Flarum cache by running the following in SSH (In your Flarum root directory): php flarum cache:clear.

If that fails, please post the output of the following command so we can see if there is an extension interfering with your custom CSS/LESS: php flarum info.

If you have any Custom Header configuration set up, please post that here as well.

Frink

Ralkage
I have no custom header. The strange thing is, that when I try it in a different browser (Microsoft Edge) the scrollbar appears, so I am curious as to whether this is just a problem with my forum.

I am setting up a beta forum on my server for testing, so once that is done, I can run the above commands to see if it fixes it. Thanks for the prompt reply!

Frink

I cleared the cache, and the output of the command

php flarum info

can be found by going to https://zaptech.ca/info.txt

jordanjay29

Frink clear your browser cache as well.

Frink

jordanjay29 k, will do!

Razor

As this is a style created by me, i suggest changing collors of scrollbar as purple is not mached and not clearly visible with current bg. And if u want for scrollbar to be more visible, change width from 0.3em to for example 0.5em.

Frink

Razor Ok, will give this a try!