Fix padding on toolbuttons with menu button popup

Fixes #795
This commit is contained in:
Jonas Kvinge
2022-01-08 13:10:48 +01:00
parent 709ba72777
commit 4cde9a7e9e
5 changed files with 44 additions and 24 deletions

View File

@@ -19,13 +19,25 @@
background-clip: content; background-clip: content;
} }
macos QToolButton { #context-layout-container {
background-color: %palette-base;
}
#context-widget-scrollarea {
background-color: %palette-base;
}
#context-layout-scrollarea {
background-color: %palette-base;
}
QToolButton {
border: 2px solid transparent; border: 2px solid transparent;
border-radius: 3px; border-radius: 3px;
padding: 1px; padding: 1px;
} }
macos QToolButton::menu-button { QToolButton::menu-button {
width: 16px; width: 16px;
border: none; border: none;
} }
@@ -35,11 +47,8 @@ QToolButton[popupMode="1"] {
} }
QToolButton:hover { QToolButton:hover {
background-color: %palette-highlight-lighter;
}
macos QToolButton:hover {
border: 2px solid %palette-highlight; border: 2px solid %palette-highlight;
background-color: %palette-highlight-lighter;
} }
QToolButton:hover[popupMode="1"] { QToolButton:hover[popupMode="1"] {
@@ -47,11 +56,8 @@ QToolButton:hover[popupMode="1"] {
} }
QToolButton:pressed { QToolButton:pressed {
background-color: %palette-highlight-lighter;
}
macos QToolButton:pressed {
border: 2px solid %palette-highlight-darker; border: 2px solid %palette-highlight-darker;
background-color: %palette-highlight-lighter;
} }
QToolButton:pressed[popupMode="1"] { QToolButton:pressed[popupMode="1"] {
@@ -66,14 +72,3 @@ macos QMenu {
font-size: 13pt; font-size: 13pt;
} }
#context-layout-container {
background-color: %palette-base;
}
#context-widget-scrollarea {
background-color: %palette-base;
}
#context-layout-scrollarea {
background-color: %palette-base;
}

View File

@@ -38,6 +38,11 @@
</item> </item>
<item> <item>
<widget class="QToolButton" name="options"> <widget class="QToolButton" name="options">
<property name="styleSheet">
<string notr="true">QToolButton, QToolButton:hover, QToolButton:pressed {
padding-right: 16px;
}</string>
</property>
<property name="iconSize"> <property name="iconSize">
<size> <size>
<width>16</width> <width>16</width>
@@ -45,7 +50,10 @@
</size> </size>
</property> </property>
<property name="popupMode"> <property name="popupMode">
<enum>QToolButton::InstantPopup</enum> <enum>QToolButton::MenuButtonPopup</enum>
</property>
<property name="autoRaise">
<bool>true</bool>
</property> </property>
</widget> </widget>
</item> </item>

View File

@@ -151,6 +151,12 @@
<property name="enabled"> <property name="enabled">
<bool>false</bool> <bool>false</bool>
</property> </property>
<property name="styleSheet">
<string notr="true">QToolButton, QToolButton:hover, QToolButton:pressed {
padding-right: 16px;
}
</string>
</property>
<property name="iconSize"> <property name="iconSize">
<size> <size>
<width>32</width> <width>32</width>

View File

@@ -87,6 +87,11 @@
</item> </item>
<item> <item>
<widget class="QToolButton" name="view"> <widget class="QToolButton" name="view">
<property name="styleSheet">
<string notr="true">QToolButton, QToolButton:hover, QToolButton:pressed {
padding-right: 16px;
}</string>
</property>
<property name="text"> <property name="text">
<string>View</string> <string>View</string>
</property> </property>

View File

@@ -54,6 +54,12 @@
<height>0</height> <height>0</height>
</size> </size>
</property> </property>
<property name="styleSheet">
<string notr="true">QToolButton, QToolButton:hover, QToolButton:pressed {
padding-right: 16px;
}
</string>
</property>
<property name="iconSize"> <property name="iconSize">
<size> <size>
<width>16</width> <width>16</width>
@@ -61,7 +67,7 @@
</size> </size>
</property> </property>
<property name="popupMode"> <property name="popupMode">
<enum>QToolButton::InstantPopup</enum> <enum>QToolButton::MenuButtonPopup</enum>
</property> </property>
<property name="autoRaise"> <property name="autoRaise">
<bool>true</bool> <bool>true</bool>
@@ -231,7 +237,7 @@
<x>0</x> <x>0</x>
<y>0</y> <y>0</y>
<width>398</width> <width>398</width>
<height>518</height> <height>520</height>
</rect> </rect>
</property> </property>
<layout class="QVBoxLayout" name="verticalLayout_5"> <layout class="QVBoxLayout" name="verticalLayout_5">