katalyst-navigation 1.0.0 → 1.0.1

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: '0149b9c1ba7f7a1ecfcc1e085fbe33b2b0eb11d0d5372b743f05d0261daf88e3'
4
- data.tar.gz: 2648b6258ac7a7f2b4800f0b1371687cba043d9d4a647f5753076bc8a1b04327
3
+ metadata.gz: 6e358271c4b2a255cba861c6eac1f432e906c5d56f37f703646ff1dd504e582a
4
+ data.tar.gz: a5c36789357921c48b42fd708f6289df7adb9c1bec7b6be1d6a39e7a608be468
5
5
  SHA512:
6
- metadata.gz: d31db0f384749242de03b5bc04da8a0d3137092c702a3c4eda5769bf53fe1f764bb457bd672af5a60c1f3ef1daa22a7d2830e4f53b78b0f2161bdc2db675b54a
7
- data.tar.gz: 615fd376052d6b4e48351ef2d0d144a8bd66bfbe615d01b65eed57eb90a1679f4eae630abddbfe82d3aff9f1a47baa09987f4c3a536625f5ea00849612109805
6
+ metadata.gz: 400edfaf424e0cf2edf1867e8897961b911c1c64bed4839a30fd89d3d353af5639d6b3dc4dc943f4ec1c06efd64ff1bc7f1b55516c0d1440aa02210120e6004e
7
+ data.tar.gz: 05c8cb35db579809acc4f68c2359ac2f11103e1f8c3255dc5a606ff12fe3e975a71738d9c760007efbd80fe505d948d49031c8cf5283edad05ac6bf58f21420e
data/CHANGELOG.md CHANGED
@@ -1,5 +1,10 @@
1
1
  ## [Unreleased]
2
2
 
3
+ ## [1.0.1]
4
+
5
+ - Update - Draggable "new" menu items are now styled
6
+ - Bugfix - leading indicator would shrink on narrow screens, or on heavily indented menus
7
+
3
8
  ## [1.0.0] - 2022-09-05
4
9
 
5
10
  - Initial release
@@ -31,6 +31,7 @@
31
31
  border-radius: 2px;
32
32
  background: var(--icon-active-color);
33
33
  margin-right: 0.5rem;
34
+ flex-shrink: 0;
34
35
 
35
36
  [data-invisible="true"] & {
36
37
  background: var(--icon-passive-color);
@@ -3,7 +3,7 @@
3
3
  .navigation--editor--new-items {
4
4
  display: grid;
5
5
  grid-template-columns: repeat(3, 1fr);
6
- gap: 0.25rem;
6
+ gap: 0.5rem;
7
7
 
8
8
  [role="listitem"] {
9
9
  display: flex;
@@ -12,11 +12,28 @@
12
12
  align-items: center;
13
13
  transform: translate3d(0, 0, 0);
14
14
  cursor: grab;
15
+ background: white;
16
+ box-shadow: rgb(0 0 0 / 25%) 0 1px 1px, rgb(0 0 0 / 31%) 0 0 2px;
17
+ min-height: 5rem;
18
+ padding: 1.5rem;
19
+
20
+ &:hover {
21
+ box-shadow: rgb(0 0 0 / 25%) 0 1px 2px, rgb(0 0 0 / 31%) 0 0 5px;
22
+ }
15
23
 
16
24
  &::before {
17
25
  @extend %icon;
26
+ width: 2.5rem;
27
+ height: 2.5rem;
18
28
  position: unset;
19
- background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3.66667V13.3333C16 14.8 14.6909 16 13.0909 16H7.78182C6.99636 16 6.25455 15.7133 5.70909 15.2067L0 9.88667C0 9.88667 0.916364 9.06667 0.945455 9.05333C1.10545 8.92667 1.30182 8.86 1.52 8.86C1.68 8.86 1.82545 8.9 1.95636 8.96667C1.98545 8.97333 5.09091 10.6067 5.09091 10.6067V2.66667C5.09091 2.11333 5.57818 1.66667 6.18182 1.66667C6.78545 1.66667 7.27273 2.11333 7.27273 2.66667V7.33333H8V1C8 0.446667 8.48727 0 9.09091 0C9.69455 0 10.1818 0.446667 10.1818 1V7.33333H10.9091V1.66667C10.9091 1.11333 11.3964 0.666667 12 0.666667C12.6036 0.666667 13.0909 1.11333 13.0909 1.66667V7.33333H13.8182V3.66667C13.8182 3.11333 14.3055 2.66667 14.9091 2.66667C15.5127 2.66667 16 3.11333 16 3.66667Z' fill='white'/%3E%3C/svg%3E");
29
+ }
30
+
31
+ &[data-item-type="link"]:before {
32
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_67_1273)'%3E%3Cpath d='M16 22H32V26H16V22ZM40.2 24H44C44 18.48 39.52 14 34 14H26V17.8H34C37.42 17.8 40.2 20.58 40.2 24ZM7.8 24C7.8 20.58 10.58 17.8 14 17.8H22V14H14C8.48 14 4 18.48 4 24C4 29.52 8.48 34 14 34H22V30.2H14C10.58 30.2 7.8 27.42 7.8 24ZM38 24H34V30H28V34H34V40H38V34H44V30H38V24Z' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_67_1273'%3E%3Crect width='48' height='48' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
33
+ }
34
+
35
+ &[data-item-type="button"]:before {
36
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_67_1276)'%3E%3Cpath d='M44 18V30C44 32.2 42.2 34 40 34H38V30H40V18H8V30H20V34H8C5.8 34 4 32.2 4 30V18C4 15.8 5.8 14 8 14H40C42.2 14 44 15.8 44 18ZM29 38L31.18 33.18L36 31L31.18 28.82L29 24L26.82 28.82L22 31L26.82 33.18L29 38ZM34 28L35.24 25.24L38 24L35.24 22.76L34 20L32.76 22.76L30 24L32.76 25.24L34 28ZM29 38L31.18 33.18L36 31L31.18 28.82L29 24L26.82 28.82L22 31L26.82 33.18L29 38ZM34 28L35.24 25.24L38 24L35.24 22.76L34 20L32.76 22.76L30 24L32.76 25.24L34 28Z' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_67_1276'%3E%3Crect width='48' height='48' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
20
37
  }
21
38
  }
22
39
  }
@@ -2,6 +2,6 @@
2
2
 
3
3
  module Katalyst
4
4
  module Navigation
5
- VERSION = "1.0.0"
5
+ VERSION = "1.0.1"
6
6
  end
7
7
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: katalyst-navigation
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.0
4
+ version: 1.0.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Katalyst Interactive