Update chrome-tabs.styl

typerefinery-ai · Jun 2, 2023 · fe4303c · fe4303c
1 parent 0359bd6
commit fe4303c
Showing 1 changed file with 39 additions and 1 deletion.
diff --git a/css/chrome-tabs.styl b/css/chrome-tabs.styl
@@ -12,15 +12,53 @@ activeTabBackgroundColor = #fff
   background #dee1e6
   border-radius 5px 5px 0 0
   overflow hidden
+  display flex
 
   *
     box-sizing inherit
     font inherit
 
+  .new-tab-button-wrapper
+    display inline-flex
+    align-items center
+    background inherit
+    pointer-events auto
+    height 100%
+    width 80px
+    position relative
+    z-index 5
+    border-radius 17px
+    pointer-events auto
+    transition padding .35s
+
+    &.overflow-shadow
+      box-shadow -5px 1px 5px #ccc, 20px 0 0 #dee1e6
+      padding-left 4px
+
+    .new-tab-button
+      height 28px
+      width 28px
+      line-height 0
+      border-radius 50%
+      font-weight 100
+      font-size 16px
+      padding 0
+      border none
+      background none
+      color #555
+      box-shadow none
+      transition background .35s
+      cursor default
+
+      &:hover
+        background rgba(150, 150, 150, .25)
+
   .chrome-tabs-content
     position relative
-    width 100%
+    width auto
     height 100%
+    transition width .05s
+    margin-right 5px
 
   .chrome-tab
     position absolute