[beagleboard] Re: Hide the scrollbar from the window manager

['Hans Wurst' via BeagleBoard]

Hello, 
thank you Tarmo for your help.

My solution:

*$ sudo apt install gtk-theme-switch$ DISPLAY=:0 gtk-theme-switch2 -d*
select the theme "Adwaita"

/usr/share/theme/Adwaita/gtk-2.0/main.rc
GtkRange::slider-width = 13
With this variable you can set the width.

Ready
Tarmo schrieb am Dienstag, 13. Oktober 2020 um 15:59:44 UTC+2:

> Hi!
>
> On Tuesday, October 13, 2020 at 3:53:03 PM UTC+3 hanswu...@googlemail.com 
> wrote:
>
>> Hello @ all,
>>
>> My system:
>> Beaglebone Black,
>> Debian Stretch V9.9,
>> 5" Display (Matrix Orbital)
>>
>>
>> browser: Midori V.0.5.11
>>
>> additionally I have installed the following
>> openbox,
>> xserver-xorg-video-fbdev,
>> x11-xserver-utils,
>> lightdm
>>
>>
>> I wrote a web app in html5 and node express.
>>
>> I am using the window manager to display the web app in kiosk mode.
>> *$ DISPLAY=:0 midori -e Fullscreen -a http://localhost:8082 
>> *
>>
>>
>> *My problem:*
>> The vertical scrollbar is probably displayed very thin by the window 
>> manager. I want to make this scrollbar wider or hide it and use CSS to 
>> create my own scrollbar.
>>
>> If I create a custom scrollbar with css I get 2 scrollbars side by side.
>>
>>
>> /* width */::-webkit-scrollbar {
>>   width: 20px;
>> }
>> /* Track */::-webkit-scrollbar-track {
>>   box-shadow: inset 0 0 5px grey;
>>   border radius: 10px;
>> }
>> /* Handle */::-webkit-scrollbar-thumb {
>>   background: red;
>>   border radius: 10px;
>> }
>> /* Handle on hover */::-webkit-scrollbar-thumb:hover {
>>   background: #b3;
>> }
>>
>>
>> Who can help me ? 
>>
>> Unfortunately I cannot upload any photos here. 
>>
>> I always get the message that it is rejected by the server.
>>
> Seems like Midori uses the GTK toolkit. You can install the GTK theme 
> switcher (gtk-theme-switch) and a few different themes (apt-cache search 
> gtk-theme) and play around with them - maybe one of those is more suitable.
>
> --
> Kind regards,
> Tarmo
>

-- 
For more options, visit http://beagleboard.org/discuss
--- 
You received this message because you are subscribed to the Google Groups 
"BeagleBoard" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to beagleboard+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/beagleboard/5e1cf8d9-74c1-4a9c-a506-23eba967ea7fn%40googlegroups.com.

[beagleboard] Re: Hide the scrollbar from the window manager

[Tarmo]

Hi!

On Tuesday, October 13, 2020 at 3:53:03 PM UTC+3 hanswu...@googlemail.com 
wrote:

> Hello @ all,
>
> My system:
> Beaglebone Black,
> Debian Stretch V9.9,
> 5" Display (Matrix Orbital)
>
>
> browser: Midori V.0.5.11
>
> additionally I have installed the following
> openbox,
> xserver-xorg-video-fbdev,
> x11-xserver-utils,
> lightdm
>
>
> I wrote a web app in html5 and node express.
>
> I am using the window manager to display the web app in kiosk mode.
> *$ DISPLAY=:0 midori -e Fullscreen -a http://localhost:8082 
> *
>
>
> *My problem:*
> The vertical scrollbar is probably displayed very thin by the window 
> manager. I want to make this scrollbar wider or hide it and use CSS to 
> create my own scrollbar.
>
> If I create a custom scrollbar with css I get 2 scrollbars side by side.
>
>
> /* width */::-webkit-scrollbar {
>   width: 20px;
> }
> /* Track */::-webkit-scrollbar-track {
>   box-shadow: inset 0 0 5px grey;
>   border radius: 10px;
> }
> /* Handle */::-webkit-scrollbar-thumb {
>   background: red;
>   border radius: 10px;
> }
> /* Handle on hover */::-webkit-scrollbar-thumb:hover {
>   background: #b3;
> }
>
>
> Who can help me ? 
>
> Unfortunately I cannot upload any photos here. 
>
> I always get the message that it is rejected by the server.
>
Seems like Midori uses the GTK toolkit. You can install the GTK theme 
switcher (gtk-theme-switch) and a few different themes (apt-cache search 
gtk-theme) and play around with them - maybe one of those is more suitable.

--
Kind regards,
Tarmo

-- 
For more options, visit http://beagleboard.org/discuss
--- 
You received this message because you are subscribed to the Google Groups 
"BeagleBoard" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to beagleboard+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/beagleboard/5813b329-620e-4d7d-8a53-196c9a20419cn%40googlegroups.com.