feat(app): add class for blank button

HSF · Aug 5, 2021 · 4df157b · 4df157b
1 parent bc7d375
commit 4df157b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/packages/phoenix-ng/projects/phoenix-ui-components/_theming.scss b/packages/phoenix-ng/projects/phoenix-ui-components/_theming.scss
@@ -115,6 +115,12 @@ body {
   background-color: #19506f;
 }
 
+.btn-blank {
+  color: inherit;
+  background: unset;
+  border: unset;
+}
+
 canvas {
   width: 100%;
   max-width: 100%;

diff --git a/...components/src/components/phoenix-menu/pheonix-menu-item/phoenix-menu-item.component.html b/...components/src/components/phoenix-menu/pheonix-menu-item/phoenix-menu-item.component.html
@@ -30,7 +30,7 @@
   <div class="phoenix-menu-item-right">
     <div *ngIf="currentNode.configs.length > 0">
       <button
-        class="icon-wrapper icon-button item-settings"
+        class="icon-wrapper icon-button btn-blank item-settings"
         (click)="
           calculateConfigTop();
           currentNode.configActive = !currentNode.configActive
@@ -145,7 +145,7 @@
       </div>
     </div>
     <button
-      class="icon-wrapper icon-button item-expand"
+      class="icon-wrapper icon-button btn-blank item-expand"
       *ngIf="currentNode.children.length > 0"
       (click)="currentNode.childrenActive = !currentNode.childrenActive"
       [ngClass]="{ expanded: currentNode.childrenActive }"

diff --git a/...components/src/components/phoenix-menu/pheonix-menu-item/phoenix-menu-item.component.scss b/...components/src/components/phoenix-menu/pheonix-menu-item/phoenix-menu-item.component.scss
@@ -90,11 +90,6 @@
     }
   }
 
-  .icon-button {
-    background: unset;
-    border: unset;
-  }
-
   .icon-wrapper {
     display: inline-block;
     width: 1.3rem;