fix: used contenttype-plone-site class to change toolbar handler color

RedTurtle · Jul 2, 2024 · 2a96afd · 2a96afd
1 parent da03d05
commit 2a96afd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/packages/volto/src/components/manage/Toolbar/Toolbar.jsx b/packages/volto/src/components/manage/Toolbar/Toolbar.jsx
@@ -368,7 +368,6 @@ class Toolbar extends Component {
       id: 'folderContents',
     });
     const { expanded } = this.state;
-    const isHomepage = path === '';
 
     return (
       this.props.token && (
@@ -625,7 +624,6 @@ class Toolbar extends Component {
                   messages.shrinkToolbar,
                 )}
                 className={cx({
-                  homepage: isHomepage,
                   [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
@@ -134,10 +134,6 @@ body:not(.has-sidebar):not(.has-sidebar-collapsed) {
       }
 
       // State colors
-      .homepage:before {
-        background: @teal-blue;
-      }
-
       .published:before {
         background: @teal-blue;
       }
@@ -756,3 +752,10 @@ body:not(.has-sidebar):not(.has-sidebar-collapsed) {
   }
 }
 // End Orphaned CSS
+
+// Toolbar handler color in homepage
+.contenttype-plone-site {
+  #toolbar .toolbar .toolbar-handler button:before {
+    background: @teal-blue;
+  }
+}