fix skeleton loader border radius

aotearoan · Dec 4, 2020 · 4ef082e · 4ef082e
1 parent f20f41f
commit 4ef082e
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@aotearoan/neon",
   "description": "Neon is a lightweight design library of VueJS components with minimal dependencies. It supports light and dark modes and can be extended to support multiple themes",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "main": "dist/@aotearoan/neon.umd.js",
   "types": "dist/@aotearoan/components.d.ts",
   "files": [

diff --git a/public/docs/layout/drawer/NeonDrawer.json b/public/docs/layout/drawer/NeonDrawer.json
@@ -1,5 +1,5 @@
 {
-  "description": "A drawer is a slide out panel for representing data which may be secondary or not fit on the main screen. Examples are a responsive navigation menu, more details of a selected item on the page. Drawers can be opened from top, bottom, left or right and an overlay covers the screen to focus more attention on the drawer contents.",
+  "description": "A drawer is a slide out panel for representing data which may be secondary or not fit on the main screen. Examples\nare a responsive navigation menu, more details of a selected item on the page. Drawers can be opened from top,\nbottom, left or right and an overlay covers the screen to focus more attention on the drawer contents.",
   "tags": {},
   "displayName": "NeonDrawer",
   "exportName": "default",

diff --git a/public/files/models/NeonActionMenuModel.ts b/public/files/models/NeonActionMenuModel.ts
@@ -3,6 +3,7 @@ import { TranslateResult } from 'vue-i18n';
 export interface NeonActionMenuModel {
   label: TranslateResult;
   key: string;
+  count?: number;
   selected?: boolean;
   disabled?: boolean;
 }
diff --git a/src/sass/_skeleton-loader.scss b/src/sass/_skeleton-loader.scss
@@ -19,8 +19,12 @@
     border-radius: $neon-border-radius-skeleton-loader;
     position: relative;
     overflow: hidden;
+    -webkit-backface-visibility: hidden;
+    -moz-backface-visibility: hidden;
+    -webkit-transform: translate3d(0, 0, 0);
+    -moz-transform: translate3d(0, 0, 0);
 
-    &::after {
+    &:after {
       content: '';
       position: absolute;
       top: 0;

diff --git a/src/sass/colors/_skeleton-loader.scss b/src/sass/colors/_skeleton-loader.scss
@@ -2,7 +2,7 @@
   &__item {
     background-color: $neon-color-loading-1;
 
-    &::after {
+    &:after {
       background-image: linear-gradient(
         90deg,
         $neon-color-loading-1 0,