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

QmlDesigner: Adjust CSS for dockwidgets

Browse Source 
* Add padding on the left to account for close button.
* Set minimum size of 80px for tab
* Use different colors for hover

Change-Id: I87dd98aa939c85278bd2312de50117f1f32fb274
Reviewed-by: Brook Cronin <brook.cronin@qt.io>
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>
This commit is contained in:
Thomas Hartmann
2023-02-18 20:43:49 +01:00
parent 27b93900bf
commit 407167cf90
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/plugins/qmldesigner/components/resources/dockwidgets.css
View File

@@ -29,10 +29,12 @@ ADS--DockWidgetTab {
border-color: creatorTheme.DStabSplitter;
border-style: solid;
border-width: 0 1px 0 0;
padding-left: 16px;
}
ADS--DockWidgetTab QLabel {
color: creatorTheme.DStabInactiveText;
min-width: 80px;
}
ADS--DockWidgetTab[activeTab="true"] {
@@ -44,7 +46,7 @@ ADS--DockWidgetTab[activeTab="true"] QLabel {
}
ADS--DockWidgetTab[activeTab="true"] > #tabCloseButton:hover {
background: creatorTheme.DStabActiveButtonHover;
background: creatorTheme.DStabActiveBackground;
}
ADS--DockWidgetTab[activeTab="true"] > #tabCloseButton:pressed {
@@ -105,7 +107,7 @@ QScrollArea#dockWidgetScrollArea {
}
#tabCloseButton:hover {
background: creatorTheme.DStabInactiveButtonHover;
background: creatorTheme.DStabActiveBackground;
}
#tabCloseButton:pressed {