Update css

This commit is contained in:
Syarif Fakhri 2022-10-18 10:33:03 +08:00
parent fde8007174
commit 1c69685257
4 changed files with 51 additions and 57 deletions

View File

@ -115,55 +115,55 @@ ads--CDockWidgetSideTab {
} }
ads--CDockWidgetSideTab[sideTabBarArea="0"] { ads--CDockWidgetSideTab[sideTabBarArea="0"] {
border-top: 3px solid grey;
border-right: 1px solid white; border-right: 1px solid white;
} }
ads--CDockWidgetSideTab[sideTabBarArea="1"] { ads--CDockWidgetSideTab[sideTabBarArea="1"] {
border-left: 3px solid grey;
border-bottom: 1px solid white; border-bottom: 1px solid white;
} }
ads--CDockWidgetSideTab[sideTabBarArea="2"] { ads--CDockWidgetSideTab[sideTabBarArea="2"] {
border-right: 3px solid grey;
border-bottom: 1px solid white; border-bottom: 1px solid white;
} }
ads--CDockWidgetSideTab[sideTabBarArea="3"] { ads--CDockWidgetSideTab[sideTabBarArea="3"] {
border-bottom: 3px solid grey;
border-right: 1px solid white; border-right: 1px solid white;
} }
ads--CDockWidgetSideTab:hover[sideTabBarArea="0"] { ads--CDockWidgetSideTab:hover[sideTabBarArea="0"] {
border-top: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab:hover[sideTabBarArea="1"] { ads--CDockWidgetSideTab:hover[sideTabBarArea="1"] {
border-left: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab:hover[sideTabBarArea="2"] { ads--CDockWidgetSideTab:hover[sideTabBarArea="2"] {
border-right: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab:hover[sideTabBarArea="3"] { ads--CDockWidgetSideTab:hover[sideTabBarArea="3"] {
border-bottom: 3px solid palette(highlight);
}
ads--CDockWidgetSideTab:hover[sideTabBarArea="0"][activeTab="true"] {
} }
ads--CDockWidgetSideTab[sideTabBarArea="0"][activeTab="true"] { ads--CDockWidgetSideTab[sideTabBarArea="0"][activeTab="true"] {
border-top: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab[sideTabBarArea="1"][activeTab="true"] { ads--CDockWidgetSideTab[sideTabBarArea="1"][activeTab="true"] {
border-left: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab[sideTabBarArea="2"][activeTab="true"] { ads--CDockWidgetSideTab[sideTabBarArea="2"][activeTab="true"] {
border-right: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab[sideTabBarArea="3"][activeTab="true"] { ads--CDockWidgetSideTab[sideTabBarArea="3"][activeTab="true"] {
border-bottom: 3px solid palette(highlight);
} }
/* /*

View File

@ -43,7 +43,10 @@ ads--CDockWidgetTab[activeTab="true"] QLabel {
color: palette(foreground); color: palette(foreground);
} }
/* Side tab styling */ /*-----------------------------------------------------------------------------
* Styling of auto hide functionality
*----------------------------------------------------------------------------
*/
ads--CDockWidgetSideTab { ads--CDockWidgetSideTab {
background: palette(window); background: palette(window);
qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/ qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/
@ -54,17 +57,17 @@ ads--CDockWidgetSideTab[sideTabBarArea="0"] {
border-right: 1px solid white; border-right: 1px solid white;
} }
ads--CDockWidgetSideTab[sideTabBarArea="1"],[sideTabBarArea="2"] { ads--CDockWidgetSideTab[sideTabBarArea="1"] {
border-left: 3px solid grey; border-left: 3px solid grey;
border-bottom: 1px solid white; border-bottom: 1px solid white;
} }
ads--CDockWidgetSideTab[sideTabBarArea="3"],[sideTabBarArea="4"] { ads--CDockWidgetSideTab[sideTabBarArea="2"] {
border-right: 3px solid grey; border-right: 3px solid grey;
border-bottom: 1px solid white; border-bottom: 1px solid white;
} }
ads--CDockWidgetSideTab[sideTabBarArea="5"] { ads--CDockWidgetSideTab[sideTabBarArea="3"] {
border-bottom: 3px solid grey; border-bottom: 3px solid grey;
border-right: 1px solid white; border-right: 1px solid white;
} }
@ -73,38 +76,33 @@ ads--CDockWidgetSideTab:hover[sideTabBarArea="0"] {
border-top: 3px solid palette(highlight); border-top: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab:hover[sideTabBarArea="1"],:hover[sideTabBarArea="2"] { ads--CDockWidgetSideTab:hover[sideTabBarArea="1"] {
border-left: 3px solid palette(highlight); border-left: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab:hover[sideTabBarArea="3"],:hover[sideTabBarArea="4"] { ads--CDockWidgetSideTab:hover[sideTabBarArea="2"] {
border-right: 3px solid palette(highlight); border-right: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab:hover[sideTabBarArea="5"] { ads--CDockWidgetSideTab:hover[sideTabBarArea="3"] {
border-bottom: 3px solid palette(highlight); border-bottom: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab:hover[sideTabBarArea="0"][activeTab="true"] {
border-top: 3px solid palette(highlight);
}
ads--CDockWidgetSideTab[sideTabBarArea="0"][activeTab="true"] { ads--CDockWidgetSideTab[sideTabBarArea="0"][activeTab="true"] {
border-top: 3px solid palette(highlight); border-top: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab[sideTabBarArea="1"][activeTab="true"],[sideTabBarArea="2"][activeTab="true"] { ads--CDockWidgetSideTab[sideTabBarArea="1"][activeTab="true"] {
border-left: 3px solid palette(highlight); border-left: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab[sideTabBarArea="3"][activeTab="true"],[sideTabBarArea="4"][focused="true"] { ads--CDockWidgetSideTab[sideTabBarArea="2"][activeTab="true"] {
border-right: 3px solid palette(highlight); border-right: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab[sideTabBarArea="5"][activeTab="true"] { ads--CDockWidgetSideTab[sideTabBarArea="3"][activeTab="true"] {
border-bottom: 3px solid palette(highlight); border-bottom: 3px solid palette(highlight);
} }
/* Side tab styling */
ads--CDockWidget { ads--CDockWidget {
background: palette(light); background: palette(light);

View File

@ -36,7 +36,10 @@ ads--CDockWidgetTab[activeTab="true"] QLabel {
color: palette(foreground); color: palette(foreground);
} }
/* Side tab styling */ /*-----------------------------------------------------------------------------
* Styling of auto hide functionality
*----------------------------------------------------------------------------
*/
ads--CDockWidgetSideTab { ads--CDockWidgetSideTab {
background: palette(window); background: palette(window);
qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/ qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/
@ -47,17 +50,17 @@ ads--CDockWidgetSideTab[sideTabBarArea="0"] {
border-right: 1px solid white; border-right: 1px solid white;
} }
ads--CDockWidgetSideTab[sideTabBarArea="1"],[sideTabBarArea="2"] { ads--CDockWidgetSideTab[sideTabBarArea="1"] {
border-left: 3px solid grey; border-left: 3px solid grey;
border-bottom: 1px solid white; border-bottom: 1px solid white;
} }
ads--CDockWidgetSideTab[sideTabBarArea="3"],[sideTabBarArea="4"] { ads--CDockWidgetSideTab[sideTabBarArea="2"] {
border-right: 3px solid grey; border-right: 3px solid grey;
border-bottom: 1px solid white; border-bottom: 1px solid white;
} }
ads--CDockWidgetSideTab[sideTabBarArea="5"] { ads--CDockWidgetSideTab[sideTabBarArea="3"] {
border-bottom: 3px solid grey; border-bottom: 3px solid grey;
border-right: 1px solid white; border-right: 1px solid white;
} }
@ -66,38 +69,33 @@ ads--CDockWidgetSideTab:hover[sideTabBarArea="0"] {
border-top: 3px solid palette(highlight); border-top: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab:hover[sideTabBarArea="1"],:hover[sideTabBarArea="2"] { ads--CDockWidgetSideTab:hover[sideTabBarArea="1"] {
border-left: 3px solid palette(highlight); border-left: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab:hover[sideTabBarArea="3"],:hover[sideTabBarArea="4"] { ads--CDockWidgetSideTab:hover[sideTabBarArea="2"] {
border-right: 3px solid palette(highlight); border-right: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab:hover[sideTabBarArea="5"] { ads--CDockWidgetSideTab:hover[sideTabBarArea="3"] {
border-bottom: 3px solid palette(highlight); border-bottom: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab:hover[sideTabBarArea="0"][activeTab="true"] {
border-top: 3px solid palette(highlight);
}
ads--CDockWidgetSideTab[sideTabBarArea="0"][activeTab="true"] { ads--CDockWidgetSideTab[sideTabBarArea="0"][activeTab="true"] {
border-top: 3px solid palette(highlight); border-top: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab[sideTabBarArea="1"][activeTab="true"],[sideTabBarArea="2"][activeTab="true"] { ads--CDockWidgetSideTab[sideTabBarArea="1"][activeTab="true"] {
border-left: 3px solid palette(highlight); border-left: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab[sideTabBarArea="3"][activeTab="true"],[sideTabBarArea="4"][focused="true"] { ads--CDockWidgetSideTab[sideTabBarArea="2"][activeTab="true"] {
border-right: 3px solid palette(highlight); border-right: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab[sideTabBarArea="5"][activeTab="true"] { ads--CDockWidgetSideTab[sideTabBarArea="3"][activeTab="true"] {
border-bottom: 3px solid palette(highlight); border-bottom: 3px solid palette(highlight);
} }
/* Side tab styling */
ads--CDockWidget { ads--CDockWidget {
background: palette(light); background: palette(light);

View File

@ -44,7 +44,10 @@ ads--CDockWidgetTab[activeTab="true"] QLabel {
color: palette(foreground); color: palette(foreground);
} }
/* Side tab styling */ /*-----------------------------------------------------------------------------
* Styling of auto hide functionality
*----------------------------------------------------------------------------
*/
ads--CDockWidgetSideTab { ads--CDockWidgetSideTab {
background: palette(window); background: palette(window);
qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/ qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/
@ -55,17 +58,17 @@ ads--CDockWidgetSideTab[sideTabBarArea="0"] {
border-right: 1px solid white; border-right: 1px solid white;
} }
ads--CDockWidgetSideTab[sideTabBarArea="1"],[sideTabBarArea="2"] { ads--CDockWidgetSideTab[sideTabBarArea="1"] {
border-left: 3px solid grey; border-left: 3px solid grey;
border-bottom: 1px solid white; border-bottom: 1px solid white;
} }
ads--CDockWidgetSideTab[sideTabBarArea="3"],[sideTabBarArea="4"] { ads--CDockWidgetSideTab[sideTabBarArea="2"] {
border-right: 3px solid grey; border-right: 3px solid grey;
border-bottom: 1px solid white; border-bottom: 1px solid white;
} }
ads--CDockWidgetSideTab[sideTabBarArea="5"] { ads--CDockWidgetSideTab[sideTabBarArea="3"] {
border-bottom: 3px solid grey; border-bottom: 3px solid grey;
border-right: 1px solid white; border-right: 1px solid white;
} }
@ -74,38 +77,33 @@ ads--CDockWidgetSideTab:hover[sideTabBarArea="0"] {
border-top: 3px solid palette(highlight); border-top: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab:hover[sideTabBarArea="1"],:hover[sideTabBarArea="2"] { ads--CDockWidgetSideTab:hover[sideTabBarArea="1"] {
border-left: 3px solid palette(highlight); border-left: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab:hover[sideTabBarArea="3"],:hover[sideTabBarArea="4"] { ads--CDockWidgetSideTab:hover[sideTabBarArea="2"] {
border-right: 3px solid palette(highlight); border-right: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab:hover[sideTabBarArea="5"] { ads--CDockWidgetSideTab:hover[sideTabBarArea="3"] {
border-bottom: 3px solid palette(highlight); border-bottom: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab:hover[sideTabBarArea="0"][activeTab="true"] {
border-top: 3px solid palette(highlight);
}
ads--CDockWidgetSideTab[sideTabBarArea="0"][activeTab="true"] { ads--CDockWidgetSideTab[sideTabBarArea="0"][activeTab="true"] {
border-top: 3px solid palette(highlight); border-top: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab[sideTabBarArea="1"][activeTab="true"],[sideTabBarArea="2"][activeTab="true"] { ads--CDockWidgetSideTab[sideTabBarArea="1"][activeTab="true"] {
border-left: 3px solid palette(highlight); border-left: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab[sideTabBarArea="3"][activeTab="true"],[sideTabBarArea="4"][focused="true"] { ads--CDockWidgetSideTab[sideTabBarArea="2"][activeTab="true"] {
border-right: 3px solid palette(highlight); border-right: 3px solid palette(highlight);
} }
ads--CDockWidgetSideTab[sideTabBarArea="5"][activeTab="true"] { ads--CDockWidgetSideTab[sideTabBarArea="3"][activeTab="true"] {
border-bottom: 3px solid palette(highlight); border-bottom: 3px solid palette(highlight);
} }
/* Side tab styling */
ads--CDockWidget { ads--CDockWidget {
background: palette(light); background: palette(light);