@internetarchive/ia-menu-slider - npm Package Compare versions

Comparing version 0.0.2-alpha.904f07f to 0.0.2

package.json

 {
   "name": "@internetarchive/ia-menu-slider",
-  "version": "0.0.2-alpha.904f07f",
+  "version": "0.0.2",
   "description": "Menu slider used in ia-topnav",
@@ -5,0 +5,0 @@ "author": "ia-menu-slider",

src/styles/menu-button.js

@@ -35,3 +35,5 @@ import { css } from 'lit-element';
   .menu-item > .icon {
+    position: relative;
     display: inline-flex;
+    z-index: 2;
     width: 42px;
@@ -38,0 +40,0 @@ height: 42px;

src/styles/menu-slider.js

 import { css } from 'lit-element';
 
+const menuButtonWidth = css`42px`;
+
 export default css`
@@ -18,2 +20,12 @@ .menu {
   }
+  .menu:before {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 2;
+    width: ${menuButtonWidth};
+    content: "";
+    background: var(--menuSliderBg);
+  }
 
@@ -25,3 +37,3 @@ .content {
     bottom: 0;
-    left: 42px;
+    left: ${menuButtonWidth};
     z-index: 1;
@@ -38,8 +50,3 @@ transform: translateX(calc(var(--menuWidth) * -1));
   ul {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 2;
-    padding: .5rem 0 .5rem .5rem;
+    padding: 0;
     margin: 0;
@@ -46,0 +53,0 @@ list-style: none;

No alert changes

Improved metrics

Total package byte prevSize

56426

increased by0.36%

Lines of code

489

increased by1.66%

No dependency changes