Synaptic package manager shows dashed lines

[linuxlite]

On the right hand side next to the text where the scroll bar is.

[arshavindn]

it's a feature of gtk3, not bug

[acutbal]

Yes, but, imho, this feature looks really ugly, I know that other themes have changed. Could it be possible to arrange?

Thank you very much!! 😀

[linuxlite]

Feature or not, they don't belong there. I'm not sure this can even be changed in the theme itself.

[acutbal]

Numix has done it, I can see the difference between the two themes.

Regards!! 😄

[bilelmoussaoui]

@linuxlite I guess you can :) it's just a border style that can be changed using CSS, see here for more informations.
@acutbal I think if you go to the .scrollbar class on the gtk-3.0 file and change that

  * {
    -GtkScrollbar-has-backward-stepper: false;
    -GtkScrollbar-has-forward-stepper: false; }

to

  * {
    -GtkScrollbar-has-backward-stepper: false;
    -GtkScrollbar-has-forward-stepper: false; 
  -GtkRange-trough-border: 0;
}

It should looks better

[acutbal]

@bil-elmoussaoui Thanks for the tip, but for people like me who are just regular users and don't have programming skills it's difficult (not imposible) to do such changes in the code's theme. I think that could be better that this change is implemented directly in the theme.

However, I'm just a regular user and have no voice at all, so I'll wait the developer/contributors to decide if the change is included.

Best regards!! 😄

[daitakahashi]

Another way to remove this feature is adding

.undershoot.top, .undershoot.right, .undershoot.bottom, .undershoot.left {
  background-image: none;
}

to your .config/gtk-3.0/gtk.css (see ArchWiki).

I actually like this feature but do not like those dashed lines. So instead, I personally replace it by shadows by adding

.undershoot.top, .undershoot.bottom, .undershoot.left, .undershoot.right {
  background-color: transparent;
  background-origin: padding-box;
}
.undershoot.top, .undershoot.bottom {
  background-size: 1px 4px;
  background-repeat: repeat-x;
}
.undershoot.left, .undershoot.right {
  background-size: 4px 1px;
  background-repeat: repeat-y;
}

.undershoot.top {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background-position: center top;
}
.undershoot.bottom {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background-position: center bottom;
}
.undershoot.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background-position: left center;
}
.undershoot.right {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background-position: right center;
}

to my .config/gtk-3.0/gtk.css.

If you use gtk 3.20, scrolledwindow undershoot.top instead of .undershoot.top works fine.

edited 20 May: corrected a property name, added a complete definition for the second style

[linuxlite]

@bil-elmoussaoui and @daitakahashi neither of those worked. Have you guys tested your edits on the actual theme? Thank you :)

[daitakahashi]

Sorry, I mistyped. Please replace backgroud-image: none; by background-image: none;.

[linuxlite]

@daitakahashi that worked, thank you very much! :)

[daitakahashi]

@linuxlite Thank you for trying. I corrected my previous comment also.

[horst3180]

I'll keep the undershoot styling as it is. Shadows don't really work that well because of contrast issues. I think the current styling works okay.

[daitakahashi]

@horst3180 Thank you very much to close this issue.

As far as I know, overflow indicators are quite common in mobile OSs, but underflow indicators are not. So in my opinion, we (GTK+3 users) have a chance to make a new standard-GUI context. The "shadows" is an experiments, to reduce visual invasiveness of those indicators (so it worked for you, regardless of your preference).

I agree that the shadow is not the best indicators (even for me). I just hope that it stimulates people's experiments.
Thank you very much.