From dcb4270345c35aa3c14c707e494289999b0ce835 Mon Sep 17 00:00:00 2001
From: Sabrina Bongiovanni <sabrina.bongiovanni@redturtle.it>
Date: Mon, 8 Jul 2024 10:36:27 +0200
Subject: [PATCH] fix: added specific class for toolbar-handler-button

---
 packages/volto/src/components/manage/Toolbar/Toolbar.jsx  | 2 +-
 packages/volto/theme/themes/pastanaga/extras/toolbar.less | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/volto/src/components/manage/Toolbar/Toolbar.jsx b/packages/volto/src/components/manage/Toolbar/Toolbar.jsx
index f8b2abb944..170eaabf7e 100644
--- a/packages/volto/src/components/manage/Toolbar/Toolbar.jsx
+++ b/packages/volto/src/components/manage/Toolbar/Toolbar.jsx
@@ -623,7 +623,7 @@ class Toolbar extends Component {
                 aria-label={this.props.intl.formatMessage(
                   messages.shrinkToolbar,
                 )}
-                className={cx({
+                className={cx('toolbar-handler-button', {
                   [this.props.content?.review_state]:
                     this.props.content?.review_state,
                 })}
diff --git a/packages/volto/theme/themes/pastanaga/extras/toolbar.less b/packages/volto/theme/themes/pastanaga/extras/toolbar.less
index 80766a32ce..0d25297239 100644
--- a/packages/volto/theme/themes/pastanaga/extras/toolbar.less
+++ b/packages/volto/theme/themes/pastanaga/extras/toolbar.less
@@ -129,7 +129,7 @@ body:not(.has-sidebar):not(.has-sidebar-collapsed) {
     }
 
     .toolbar-handler {
-      button {
+      .toolbar-handler-button {
         opacity: 0.3;
       }
 
@@ -243,7 +243,7 @@ body:not(.has-sidebar):not(.has-sidebar-collapsed) {
       width: 100%;
       justify-content: center;
 
-      button {
+      .toolbar-handler-button {
         width: @toolbarWidth;
         height: 20px;
         padding: 0;
@@ -428,7 +428,7 @@ body:not(.has-sidebar):not(.has-sidebar-collapsed) {
         flex-direction: column;
         justify-content: center;
 
-        button {
+        .toolbar-handler-button {
           width: @toolbarWidthMin;
           height: @toolbarWidth;
 
@@ -755,7 +755,7 @@ body:not(.has-sidebar):not(.has-sidebar-collapsed) {
 
 // Toolbar handler color in homepage
 .contenttype-plone-site {
-  #toolbar .toolbar .toolbar-handler button:before {
+  #toolbar .toolbar-handler .toolbar-handler-button:before {
     background: @teal-blue;
   }
 }