@coolon/angular-ui-powerups 2.0.0-alpha.26 → 2.0.0-alpha.27

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [2.0.0-alpha.27](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.26...v2.0.0-alpha.27) (2020-08-25)
+
+
+### Bug Fixes
+
+* aup-icon fixes for font awsome ([d3fdf04](https://bitbucket.org/coolon/angular-ui-powerups/commit/d3fdf04e5edcb44934e1df32710af1c527da58ab))
+
 ## [2.0.0-alpha.26](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.25...v2.0.0-alpha.26) (2020-08-21)
 
 

package/assets/commands.scss

@@ -0,0 +1,3 @@
+:root {
+  --command-face-icon-gap: 8px;
+}

package/assets/icons.scss

@@ -0,0 +1,30 @@
+:root {
+  --aup-icon-width: 24px;
+  --aup-fa-icon-width: 18px;
+}
+
+
+aup-icon {
+  // egregious hackery to get the font awesome icons positioning correctly
+  --fa-icon-offset: calc((var(--aup-icon-width) - var(--aup-fa-icon-width)) / 2);
+
+  position: relative;
+  fa-icon {
+    .svg-inline--fa {
+      position: absolute;
+      top: var(--fa-icon-offset);
+      left: var(--fa-icon-offset);
+      width: var(--aup-fa-icon-width) !important;
+      height: var(--aup-fa-icon-width) !important;
+    }
+  }
+}
+
+// egregious hackery to get the icon to display the same as a mat-icon inside a mat-menu
+.mat-menu-panel {
+  aup-icon {
+    .svg-inline--fa {
+      opacity: 0.54;
+    }
+  }
+}

package/assets/styles.scss

@@ -11,3 +11,5 @@
 @import "./interaction";
 @import "./form";
 @import "./table";
+@import "./commands";
+@import "./icons";