#68 fix mat-fab button.

kreuzwerker · Dec 5, 2017 · 48212d8 · 48212d8
1 parent f8fbdf3
commit 48212d8
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/src/app/dkt-styles.scss b/src/app/dkt-styles.scss
@@ -51,7 +51,7 @@ h6 {
 button {
   font-size: 13px!important;
   font-weight: 600!important;
-  &:not(.mat-icon-button) {
+  &:not(.mat-icon-button):not(.mat-fab):not(.mat-mini-fab) {
     border-radius: 4px!important;
   }
 }

diff --git a/src/app/flows/containers/flows-app/flows-app.component.html b/src/app/flows/containers/flows-app/flows-app.component.html
@@ -28,7 +28,7 @@
     </div>
 
     <!-- Toggle sidebar -->
-    <button class="toggle-sidebar" mat-icon-button mat-raised-button (click)="showSidebar = !showSidebar">
+    <button class="toggle-sidebar" mat-fab (click)="showSidebar = !showSidebar">
       <mat-icon>{{showSidebar ? 'close' : 'menu'}}</mat-icon>
     </button>
   </div>

diff --git a/src/app/flows/containers/flows-app/flows-app.component.scss b/src/app/flows/containers/flows-app/flows-app.component.scss
@@ -46,11 +46,13 @@ div.layout {
       button.toggle-sidebar {
         display:inline-block;
         position: absolute;
+        background-color: white;
         bottom: 2rem;
         right: -6rem;
-        // TODO update Material and use mat-fab instead of mat-icon-button
-        width: 56px;
-        height: 56px;
+
+        .mat-button-wrapper {
+          padding-top: 14px;
+        }
 
         mat-icon {
           font-size: 30px;