Fix toolbars if positioned on the side

Task-number: QT3DS-194
Change-Id: I1db511f0ba38a9560c54f3ef5828ec58714d1362
Reviewed-by: Tomi Korpipää <tomi.korpipaa@qt.io>

1 files changed, 23 insertions, 4 deletions

diff --git a/src/Authoring/Studio/style.qss b/src/Authoring/Studio/style.qss
index 5810fcf0..4b9450bc 100644
--- a/src/Authoring/Studio/style.qss
+++ b/src/Authoring/Studio/style.qss
@@ -77,6 +77,7 @@ QScrollBar::sub-line:vertical {
 QMenuBar {
     background: #404244;
     border-top: 1px solid #262829;
+    border-bottom: 1px solid #262829;
 }
 
 QMenuBar::item {
@@ -113,25 +114,41 @@ QMenu::separator {
 }
 
 /* Toolbar */
-QToolBar {
+QToolBar:horizontal {
     background: #404244;
-    border-top: 1px solid #262829;
     min-height: 24px;
     max-height: 24px;
 }
 
-QToolBar::handle {
+QToolBar:vertical {
+    background: #404244;
+    min-width: 24px;
+    max-width: 24px;
+}
+
+QToolBar::handle:horizontal {
     image: url(:/images/separator.png);
 }
 
-QToolBar::separator {
+QToolBar::handle:vertical {
+    image: url(:/images/separator-vertical.png);
+}
+
+QToolBar::separator:horizontal {
     background: #727476;
     width: 1px;
     margin: 3px;
 }
 
+QToolBar::separator:vertical {
+    background: #727476;
+    height: 1px;
+    margin: 3px;
+}
+
 QToolButton:!checked {
     min-width: 22px;
+    max-width: 22px;
     min-height: 22px;
     max-height: 22px;
     background-color: #404244;
@@ -139,6 +156,7 @@ QToolButton:!checked {
 
 QToolButton:checked, QToolButton:hover {
     min-width: 22px;
+    max-width: 22px;
     min-height: 22px;
     max-height: 22px;
     background-color: #262829;
@@ -146,6 +164,7 @@ QToolButton:checked, QToolButton:hover {
 
 QToolButton:pressed:!checked {
     min-width: 22px;
+    max-width: 22px;
     min-height: 22px;
     max-height: 22px;
     background-color: #46a2da;