This is not a feature of Ubuntu, or Gnome, it's the underlying GTK3 effect triggered by the edge-overshot event https://developer.gnome.org/gtk3/stable/GtkScrolledWindow.html#GtkScrolledWindow-edge-overshot.
If the effect does not look good with your theme or you find it annoying, then you will need to edit the overshoot
CSS class in the GTK+ theme. (If it messes up the display then it is a bug in the theme and should be reported to the theme author).
To disable the overshoot effect you can manually edit the GTK+ theme to tweak the CSS rule.
Find out the current GTK+ theme in use. As I have a custom theme, the standard System Settings did not show the correct theme name. To see the correct GTK+ theme I used Gnome Tweak Tool, installable with:
sudo apt-get install gnome-tweak-tool
In Gnome Tweak Tool Under Appearance you will see the current GTK+ theme, for example MBuntu-Y
. The corresponding theme folder will be located under /usr/share/themes/MBuntu-Y
. Now make a copy of the original theme (a better option would be to create a copy of the original theme in your ~/themes
folder):
sudo cp -r /usr/share/themes/MBuntu-Y /usr/share/themes/MBuntu-Y-original
Next edit the CSS file:
sudo gedit /usr/share/themes/MBuntu-Y/gtk-3.0/gtk-widgets.css
Search for overshoot
in the file, and edit the corresponding rule to read like below:
.overshoot { background: transparent; border:none; }
Once you have saved the file you might need to relogin to see the changes.