Title bar buttons too small, vertical scroll bar too thin

Please post suggestions for improvement of Cinnamon here
https://github.com/linuxmint/Cinnamon
Post Reply
shwell
Level 1
Level 1
Posts: 7
Joined: Wed Jul 25, 2018 7:42 pm
Location: Mornington Peninsula
Contact:

Title bar buttons too small, vertical scroll bar too thin

Post by shwell » Wed Jul 25, 2018 8:38 pm

Hello

Is there a way to make the title bar buttons larger and the vertical scroll bar fatter for the environment?

Running Tara.

Regards
shwell.

User avatar
richyrich
Level 19
Level 19
Posts: 9027
Joined: Mon May 04, 2009 8:31 pm

Re: Title bar buttons too small, vertical scroll bar too thin

Post by richyrich » Wed Jul 25, 2018 10:43 pm

Have you tried a different theme ?

User avatar
smurphos
Level 8
Level 8
Posts: 2245
Joined: Fri Sep 05, 2014 12:18 am
Location: Britisher...

Re: Title bar buttons too small, vertical scroll bar too thin

Post by smurphos » Thu Jul 26, 2018 12:43 am

shwell wrote:
Wed Jul 25, 2018 8:38 pm
The title bar buttons larger
viewtopic.php?f=208&t=272414&hilit=metacity

The pack of window border themes referenced in that thread include BB (Big Buttoned) versions of the stock Mint Y window borders.

For scrollbars - using another theme is an option (involving lots of trial and error!). The other option is to edit your current theme. If you tell us which theme you are using then we should be able to guide you as to how and what to edit.

shwell
Level 1
Level 1
Posts: 7
Joined: Wed Jul 25, 2018 7:42 pm
Location: Mornington Peninsula
Contact:

Re: Title bar buttons too small, vertical scroll bar too thin

Post by shwell » Sat Jul 28, 2018 2:48 am

The DE is Cinnamon I think

User avatar
smurphos
Level 8
Level 8
Posts: 2245
Joined: Fri Sep 05, 2014 12:18 am
Location: Britisher...

Re: Title bar buttons too small, vertical scroll bar too thin

Post by smurphos » Sat Jul 28, 2018 3:03 am

shwell wrote:
Sat Jul 28, 2018 2:48 am
The DE is Cinnamon I think
Well I hope so as you've posted in the Cinnamon forum... :wink: . If unsure run inxi -S.

We need to know what theme you have set though - go to the menu and select the Theme's app. To advise on how to edit the scroll bars we need to know the 'Controls' theme and the 'Desktop' theme..

Image

shwell
Level 1
Level 1
Posts: 7
Joined: Wed Jul 25, 2018 7:42 pm
Location: Mornington Peninsula
Contact:

Re: Title bar buttons too small, vertical scroll bar too thin

Post by shwell » Sat Jul 28, 2018 7:32 am

Hope this helps
Attachments
Screenshot from 2018-07-28 21-29-14.png

User avatar
smurphos
Level 8
Level 8
Posts: 2245
Joined: Fri Sep 05, 2014 12:18 am
Location: Britisher...

Re: Title bar buttons too small, vertical scroll bar too thin

Post by smurphos » Sun Jul 29, 2018 5:09 am

Thanks,

So you are using the default Mint-Y theme for your controls (i.e applications) and the default Cinnamon theme for the panel / menu etc and the default Mint-Y for your window borders. For window borders (which define the title bar buttons) see my first reply.

For scroll bars you need to do a bit of theme editing. For ease I'll provide instructions to do this via the terminal.

1) Copy the stock themes you are using from /usr/share/ to ~/.themes

mkdir ~/.themes
cp -r /usr/share/themes/Mint-Y ~/.themes
mkdir ~/.themes/Cinnamon
cp -r /usr/share/cinnamon/theme ~/.themes/Cinnamon/cinnamon

2) Edit the Mint-Y GTK3 theme to expand the scroll bars for the majority of applications.

xed ~/.themes/Mint-Y/gtk-3.0/gtk.css

In Xed navigate to Edit/Preferences/Editor and check show line numbers.

In Xed hit Ctrl-F to open the search dialogue and search for scrollbar {

You should find a section of css that looks like this starting at line 1698

Code: Select all

scrollbar {
  background-color: #fcfcfc;
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  * {
    -GtkScrollbar-has-backward-stepper: false;
    -GtkScrollbar-has-forward-stepper: false; }
  scrollbar.top {
    border-bottom: 1px solid #d9d9d9; }
  scrollbar.bottom {
    border-top: 1px solid #d9d9d9; }
  scrollbar.left {
    border-right: 1px solid #d9d9d9; }
  scrollbar.right {
    border-left: 1px solid #d9d9d9; }    min-width: 6px;
    min-height: 6px;
  scrollbar button {
    border: none; }
  scrollbar slider {
    min-width: 6px;
    min-height: 6px;
    margin: -1px;
    border: 4px solid transparent;
    border-radius: 8px;
    background-clip: padding-box;
    background-color: #aeaeae; }
    scrollbar slider:hover {
      background-color: #bebebe; }
    scrollbar slider:hover:active {
      background-color: #9ab87c; }
    scrollbar slider:disabled {
      background-color: transparent; }
  scrollbar.fine-tune slider {
    min-width: 4px;
    min-height: 4px; }
  scrollbar.fine-tune.horizontal slider {
    border-width: 5px 4px; }
  scrollbar.fine-tune.vertical slider {
    border-width: 4px 5px; }
  scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
    opacity: 0.4;
    border-color: transparent;
    background-color: transparent; }
    scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
      margin: 0;
      min-width: 4px;
      min-height: 4px;
      background-color: #7c7c7c;
      border: 1px solid rgba(255, 255, 255, 0.6); }
    scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
      margin: 2px 0;
      min-height: 40px; }
    scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
      margin: 0 2px;
      min-width: 40px; }
  scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
    opacity: 0.99; }
  scrollbar.horizontal slider {
    min-width: 40px; }
  scrollbar.vertical slider {
    min-height: 40px; }
Edit the following lines to increase the minimum width/height of the scrollbars.

Lines 1715 and 1716 - 18 is a good value to try

Code: Select all

    min-width: 6px;
    min-height: 6px;
Lines 1729 and 1730 and also 1741 and 1742 - 12 is a good value to try

Code: Select all

    min-width: 4px;
    min-height: 4px;
Once you've done an edit save the file in Xed and then in the Themes module app briefly switch the controls theme to another and then back to Mint-Y to force a reload.

3) Edit the GTK2 part of the controls theme. A few applications still use GTK2 rather than GTK3 - the notable one is GIMP.

xed ~/.themes/Mint-Y/gtk-2.0/main.rc

Edit line 30 to increase the slider width..

Code: Select all

  GtkRange::slider-width = 13
Again once you've done an edit save the file in Xed and then in the Themes module app briefly switch the controls theme to another and then back to Mint-Y to force a reload - have GIMP open to check the results.

4) Edit the default Cinnamon desktop theme to expand the scroll bars in the main menu, panel dropdowns etc...

xed ~/.themes/Cinnamon/cinnamon/cinnamon.css

Edit lines 25 and 26 to increase the minimum width/height...

Code: Select all

StScrollView StScrollBar {
    min-width: 16px;
    min-height: 16px;
}
Again once you've made edits save the file in Xed and in the themes app briefly switch from Cinnamon to a different theme....

zimaakq2
Level 1
Level 1
Posts: 3
Joined: Mon Oct 15, 2018 10:19 am

Re: Title bar buttons too small, vertical scroll bar too thin

Post by zimaakq2 » Fri Nov 09, 2018 5:28 am

I would say the page is horribly designed. On a full HD display (1920 wide) the last column is so small that only about 20 characters (or even less) fit in a line.

Tutuapp9appsShowbox
Last edited by zimaakq2 on Sun Dec 02, 2018 4:58 pm, edited 1 time in total.

User avatar
Moem
Level 17
Level 17
Posts: 7217
Joined: Tue Nov 17, 2015 9:14 am
Location: The Netherlands
Contact:

Re: Title bar buttons too small, vertical scroll bar too thin

Post by Moem » Fri Nov 09, 2018 5:46 am

zimaakq2 wrote:
Fri Nov 09, 2018 5:28 am
I would say the page is horribly designed.
Which page are you talking about?
Image

If your issue is solved, kindly indicate that by editing the first post in the topic, and adding [SOLVED] to the title. Thanks!

Post Reply

Return to “Cinnamon”