feedc0de/qt-creator
1
0
Fork 0
forked from qt-creator/qt-creator
Code Pull Requests Activity

QmlDesigner.VisualEditor: Styled scrollbars

Browse Source
This commit is contained in:
Christiaan Janssen
2010-03-29 14:14:37 +02:00
parent bbdb7d9742
commit 7a1546d485
2 changed files with 52 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/plugins/qmldesigner/components/formeditor/formeditorwidget.cpp
View File

@@ -149,6 +149,12 @@ FormEditorWidget::FormEditorWidget(FormEditorView *view)
m_graphicsView = new FormEditorGraphicsView(this);
fillLayout->addWidget(m_graphicsView.data());
{
QFile file(":/qmldesigner/scrollbar.css");
file.open(QFile::ReadOnly);
m_graphicsView.data()->setStyleSheet(file.readAll());
}
QList<QAction*> lowerActions;
m_zoomAction = new ZoomAction(toolActionGroup());

49
src/plugins/qmldesigner/components/resources/scrollbar.css
View File

@@ -1,8 +1,8 @@
QScrollBar:vertical {
border: 1px solid #8F8F8F;
background: #707070;
background: transparent;
width: 10px;
margin: 2px 0 0px 0;
margin: 0px 0 0px 0;
}
QScrollBar::handle:vertical {
@@ -40,4 +40,47 @@
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
background: none;
}
QScrollBar:horizontal {
border: 1px solid #8F8F8F;
background: transparent;
height: 10px;
margin: 0 0 0 0;
}
QScrollBar::handle:horizontal {
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 0.5
stop: 0 #cEcEcE,
stop: 1 #8E8E8E);
min-width: 20px;
border: 2px solid #0F0F0F;
border-radius: 6px;
border-width: 1;
}
QScrollBar::add-line:horizontal {
border: 0px solid grey;
background: #808080;
width: 0px;
subcontrol-position: right;
subcontrol-origin: margin;
}
QScrollBar::sub-line:horizontal {
border: 0px solid grey;
background: #32CC99;
width: 0px;
subcontrol-position: left;
subcontrol-origin: margin;
}
QScrollBar::left-arrow:horizontal, QScrollBar::right-arrow:horizontal {
border: 2px solid grey;
width: 3px;
height: 3px;
background: white;
}
QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
background: none;
}