mirrors/Qt-Advanced-Docking-System
1
0
Fork 0
mirror of https://github.com/githubuser0xFFFF/Qt-Advanced-Docking-System.git synced 2025-01-12 08:10:25 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Some restructuring in default.css and default_linux.css to improve readibility

Browse Source
This commit is contained in:
Uwe 2022-10-28 13:35:52 +02:00
parent 1eaeed6c56
commit 6adce7337b
2 changed files with 72 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/stylesheets/default.css
View File

@ -32,7 +32,7 @@ ads--CDockAreaWidget {
/***************************************************************************** /*****************************************************************************
* CDockWidgetTab * CDockWidgetTab and close button styling
*****************************************************************************/ *****************************************************************************/
ads--CDockWidgetTab { ads--CDockWidgetTab {
background: palette(window); background: palette(window);
@ -57,6 +57,26 @@ ads--CDockWidgetTab[activeTab="true"] QLabel {
} }
#tabCloseButton {
margin-top: 2px;
background: none;
border: none;
padding: 0px -2px;
qproperty-icon: url(:/ads/images/close-button.svg),
url(:/ads/images/close-button-disabled.svg) disabled;
qproperty-iconSize: 16px;
}
#tabCloseButton:hover {
border: 1px solid rgba(0, 0, 0, 32);
background: rgba(0, 0, 0, 16);
}
#tabCloseButton:pressed {
background: rgba(0, 0, 0, 32);
}
/***************************************************************************** /*****************************************************************************
* CDockWidget * CDockWidget
*****************************************************************************/ *****************************************************************************/
@ -74,30 +94,6 @@ QScrollArea#dockWidgetScrollArea {
} }
/*****************************************************************************
* Dock widget tab styling
*****************************************************************************/
#tabCloseButton {
margin-top: 2px;
background: none;
border: none;
padding: 0px -2px;
qproperty-icon: url(:/ads/images/close-button.svg),
url(:/ads/images/close-button-disabled.svg) disabled;
qproperty-iconSize: 16px;
}
#tabCloseButton:hover {
border: 1px solid rgba(0, 0, 0, 32);
background: rgba(0, 0, 0, 16);
}
#tabCloseButton:pressed {
background: rgba(0, 0, 0, 32);
}
/***************************************************************************** /*****************************************************************************
* Dock area title bar and buttons styling * Dock area title bar and buttons styling
*****************************************************************************/ *****************************************************************************/

70
src/stylesheets/default_linux.css
View File

@ -1,9 +1,18 @@
/* /*
* Default style sheet on Linux Platforms * Default style sheet on Linux Platforms
*/ */
/*****************************************************************************
* CDockContainerWidget
*****************************************************************************/
ads--CDockContainerWidget { ads--CDockContainerWidget {
background: palette(dark); background: palette(dark);
} }
/*****************************************************************************
* CDockSplitter
*****************************************************************************/
ads--CDockContainerWidget > QSplitter{ ads--CDockContainerWidget > QSplitter{
padding: 1 0 1 0; padding: 1 0 1 0;
} }
@ -12,6 +21,10 @@ ads--CDockContainerWidget ads--CDockSplitter::handle {
background: palette(dark); background: palette(dark);
} }
/*****************************************************************************
* CDockAreaWidget
*****************************************************************************/
ads--CDockAreaWidget { ads--CDockAreaWidget {
background: palette(window); background: palette(window);
border: 1px solid white; border: 1px solid white;
@ -21,6 +34,11 @@ ads--CDockAreaWidget #tabsMenuButton::menu-indicator {
image: none; image: none;
} }
/*****************************************************************************
* CDockWidgetTab and close button styling
*****************************************************************************/
ads--CDockWidgetTab { ads--CDockWidgetTab {
background: palette(window); background: palette(window);
border-color: palette(light); border-color: palette(light);
@ -43,6 +61,30 @@ ads--CDockWidgetTab[activeTab="true"] QLabel {
color: palette(foreground); color: palette(foreground);
} }
#tabCloseButton {
margin-top: 2px;
background: none;
border: none;
padding: 0px -2px;
qproperty-icon: url(:/ads/images/close-button.svg),
url(:/ads/images/close-button-disabled.svg) disabled;
qproperty-iconSize: 16px;
}
#tabCloseButton:hover {
border: 1px solid rgba(0, 0, 0, 32);
background: rgba(0, 0, 0, 16);
}
#tabCloseButton:pressed {
background: rgba(0, 0, 0, 32);
}
/*****************************************************************************
* CDockWidget
*****************************************************************************/
ads--CDockWidget { ads--CDockWidget {
background: palette(light); background: palette(light);
border-color: palette(light); border-color: palette(light);
@ -50,33 +92,20 @@ ads--CDockWidget {
border-width: 1px 0 0 0; border-width: 1px 0 0 0;
} }
ads--CTitleBarButton {
padding: 0px 0px;
}
QScrollArea#dockWidgetScrollArea { QScrollArea#dockWidgetScrollArea {
padding: 0px; padding: 0px;
border: none; border: none;
} }
#tabCloseButton {
margin-top: 2px; /*****************************************************************************
background: none; * Dock area title bar and buttons styling
border: none; *****************************************************************************/
padding: 0px -2px; ads--CTitleBarButton {
qproperty-icon: url(:/ads/images/close-button.svg), padding: 0px 0px;
url(:/ads/images/close-button-disabled.svg) disabled;
qproperty-iconSize: 16px;
} }
#tabCloseButton:hover {
border: 1px solid rgba(0, 0, 0, 32);
background: rgba(0, 0, 0, 16);
}
#tabCloseButton:pressed {
background: rgba(0, 0, 0, 32);
}
#tabsMenuButton { #tabsMenuButton {
qproperty-icon: url(:/ads/images/tabs-menu-button.svg); qproperty-icon: url(:/ads/images/tabs-menu-button.svg);
@ -96,6 +125,9 @@ QScrollArea#dockWidgetScrollArea {
} }
/*****************************************************************************
* Floating widget styling
*****************************************************************************/
ads--CFloatingWidgetTitleBar { ads--CFloatingWidgetTitleBar {
background: palette(midlight); background: palette(midlight);
qproperty-maximizeIcon: url(:/ads/images/maximize-button.svg); qproperty-maximizeIcon: url(:/ads/images/maximize-button.svg);