scroll bar confusion

[philja]

Hi retiredbiker, I forgot but the css file only does the Preview window in Sigil. If you want to modify the scrollbars in the other windows, you need to attack the Qt with a qt_styles.qss file located in the same place as the CSS file.

I pinched a bit of code from Qt's website and added it to my qt_styles.qss file.

The first line was something I did a long time ago to ensure I had a white background in CodeView to improve some screenshots I was making. The rest is what I 'borrowed' from Qt's website.

Thanks, Turtle91, for the tip about 'Spoiler' and code pasting.

Spoiler:

CodeViewEditor {
background: white;
}
QScrollBar:vertical {
border: 2px solid grey;
background: #d8d6df;
width: 15px;
margin: 22px 0 22px 0;
}
QScrollBar::handle:vertical {
background: #0ea0f2;
min-height: 30px;
}
QScrollBar::add-line:vertical {
border: 2px solid grey;
background: #ff0000;
height: 20px;
subcontrol-position: bottom;
subcontrol-origin: margin;
}

QScrollBar::sub-line:vertical {
border: 2px solid grey;
background: #ff0000;
height: 20px;
subcontrol-position: top;
subcontrol-origin: margin;
}
QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
border: 2px solid grey;
width: 3px;
height: 3px;
background: white;
}

QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
background: none;
}

[retiredbiker]

I had just gotten to the point of noticing only the preview was changed...so thanks again. This all works perfectly!

[philja]

Originally Posted by retiredbiker

I had just gotten to the point of noticing only the preview was changed...so thanks again. This all works perfectly!

Glad it was of use.

[philja]

Retiredbiker: just a small note about the width of the scrollbar in PreView. It varies according to your zoom setting (bottom right of screen). I set the width in the CSS file to 20px which suits the sort of range of zoom I use.

On the other hand, the CodeView window (which Qt draws) maintains the scrollbar width regardless of your zoom setting.

[retiredbiker]

Ah, I had not realised it zoomed with the text, how wonderful. I had already set it down to 10px -- at my zoom level (huge) it matches the other panels at that setting. Very cool!