zuora_connect_ui 0.12.1 → 0.12.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: af05f9c154c0a34817597e9adf7229897d218a74dc31e8f3913701224c608453
4
- data.tar.gz: fc815683a22743e2f346cb57f1f7072f54c4ff3c2f7fcdc089e08b82ce6901bc
3
+ metadata.gz: 217a07e8d25bf90450ce940c088c4827773246de310224e6042cbee026dba89d
4
+ data.tar.gz: 67c896c71ab3678392050404f3ebf64f69a8940818d1f6504cbb8f678e48a242
5
5
  SHA512:
6
- metadata.gz: 7e4141390d9ed416295554014ae6529bc1bce7dc0cdca4d2ea8e6f99410ef20f61a7ce1c8c46aee57d115f05473f5a2bd908a08331f1751776ba42d1c452128e
7
- data.tar.gz: 0ecfba913b5f1a6d2ddf2966b1fcf325b90465692dc32faa85fd8c22bc6c011946a136fd4194f77c980738e38ae9ce9389b0bd8a0288c10e461fd071df10fb12
6
+ metadata.gz: ebf4d8b498b476fbaa4b6e5a57bde442cb7063cc10f7db5d9f0308e023d42148e0959afb1c69babe0405c2b3db3529567346123603b801db9b21a3cae464fcea
7
+ data.tar.gz: 2410ba2e9498ce47623cf33b59221eaa6d023b20a36340cf31e0bc961b67e137197605450667133f33ebcd912c3ca1e4c512c259de7ea485cfc96fddfbe2d428
@@ -90,6 +90,10 @@ select {
90
90
  text-align: center;
91
91
  }
92
92
 
93
+ #main {
94
+ position: relative;
95
+ }
96
+
93
97
  #content {
94
98
  margin: 0 1.5rem 1.5rem 1.5rem;
95
99
  min-height: 500px;
@@ -1,110 +1,107 @@
1
- #breadcrumb-bar {
1
+ #breadcrumb-bar,
2
+ #breadcrumbs {
2
3
  min-height: 2.75rem;
3
- #breadcrumbs {
4
- .breadcrumb {
5
- font-size: 0.75rem;
6
- padding: 1rem 1.5rem 0.5rem 1.5rem;
7
- margin-bottom: 0px; // override bootstrap default
8
- }
9
- }
10
-
11
- #peek {
12
- font-size: 0.625rem;
13
- text-shadow: none;
14
- background-color: transparent;
15
- overflow: hidden; // keeps the contents hidden when peek is collapsed
16
- width: 0;
4
+ }
17
5
 
18
- -webkit-transition: width 0.3s ease-in-out;
19
- -moz-transition: width 0.3s ease-in-out;
20
- transition: width 0.3s ease-in-out;
6
+ #breadcrumbs {
7
+ .breadcrumb {
8
+ font-size: 0.75rem;
9
+ padding: 1rem 1.5rem 0.5rem 1.5rem;
10
+ margin-bottom: 0px; // override bootstrap default
11
+ }
12
+ }
21
13
 
22
- &.active {
23
- width: 54rem;
24
- }
14
+ #peek,
15
+ #peek.development,
16
+ #peek.staging,
17
+ #peek.production {
18
+ font-size: 0.625rem;
19
+ text-shadow: none;
20
+ background-color: transparent;
21
+ overflow: hidden; // keeps the contents hidden when peek is collapsed
22
+ width: 0;
23
+
24
+ -webkit-transition: width 0.3s ease-in-out;
25
+ -moz-transition: width 0.3s ease-in-out;
26
+ transition: width 0.3s ease-in-out;
27
+
28
+ &.active {
29
+ width: 54rem;
30
+ }
25
31
 
26
- &.disabled {
27
- display: block;
32
+ .wrapper {
33
+ padding-left: 1rem;
34
+ width: auto;
35
+ }
28
36
 
29
- &.active {
30
- width: 7rem;
31
- }
37
+ .bucket {
38
+ white-space: nowrap;
39
+ .hidden {
40
+ display: inline !important;
32
41
  }
42
+ }
33
43
 
34
- .wrapper {
35
- padding-left: 1rem;
36
- width: auto;
37
- }
44
+ strong {
45
+ color: $neutral-1;
46
+ }
38
47
 
39
- .bucket {
40
- white-space: nowrap;
41
- .hidden {
42
- display: inline !important;
43
- }
44
- }
48
+ #peek-view-connect > strong:not(:first-child) {
49
+ margin-left: 15px;
50
+ }
51
+ }
45
52
 
46
- strong {
47
- color: $neutral-1;
53
+ #admin-menu {
54
+ display: flex;
55
+ justify-content: flex-end;
56
+ align-items: center;
57
+ position: absolute;
58
+ top: 0;
59
+ right: 0;
60
+ max-width: 100%;
61
+
62
+ background-color: $neutral-4;
63
+ border-left: 1px solid $neutral-2;
64
+ border-bottom: 1px solid $neutral-2;
65
+ border-radius: 0 0 0 0.5rem;
66
+ box-shadow: 0 1px 8px -1px $neutral-shadow;
67
+
68
+ #admin-peek-btn {
69
+ z-index: 1001;
70
+ border-radius: 0 0 0 0.5rem;
71
+ background: white;
72
+ padding: 0.5rem;
73
+ line-height: 1.2rem;
74
+ border-right: 1px solid $neutral-3;
75
+
76
+ &:before {
77
+ display: inline-block;
78
+ transform: rotate(90deg);
79
+ font-size: 0.75rem;
48
80
  }
81
+ }
49
82
 
50
- #peek-view-connect > strong:not(:first-child) {
51
- margin-left: 15px;
83
+ .dropdown-toggle {
84
+ cursor: pointer;
85
+ min-width: 120px;
86
+ z-index: 1001;
87
+ background: white;
88
+ font-size: 0.75rem;
89
+ padding: 0.5rem 1rem;
90
+
91
+ > span {
92
+ float: right;
93
+ padding: 0.25rem 0rem;
52
94
  }
53
95
  }
54
96
 
55
- #admin-menu {
56
- display: flex;
57
- justify-content: flex-end;
58
- align-items: center;
59
- position: absolute;
60
- top: 0;
97
+ .dropdown-menu {
98
+ min-width: 120px;
99
+ left: unset;
61
100
  right: 0;
62
- max-width: 100%;
63
-
64
- background-color: $neutral-4;
65
- border-left: 1px solid $neutral-2;
66
- border-bottom: 1px solid $neutral-2;
101
+ margin-top: -2px;
102
+ font-size: 0.75rem;
67
103
  border-radius: 0 0 0 0.5rem;
68
- box-shadow: 0 1px 8px -1px $neutral-shadow;
69
-
70
- #admin-peek-btn {
71
- z-index: 1001;
72
- border-radius: 0 0 0 0.5rem;
73
- background: white;
74
- padding: 0.5rem;
75
- line-height: 1.2rem;
76
-
77
- &:before {
78
- display: inline-block;
79
- transform: rotate(90deg);
80
- font-size: 0.75rem;
81
- }
82
- }
83
-
84
- .dropdown-toggle {
85
- cursor: pointer;
86
- min-width: 120px;
87
- z-index: 1001;
88
- background: white;
89
- border-left: 1px solid $neutral-3;
90
- font-size: 0.75rem;
91
- padding: 0.5rem 1rem;
92
-
93
- > span {
94
- float: right;
95
- padding: 0.25rem 0rem;
96
- }
97
- }
98
-
99
- .dropdown-menu {
100
- min-width: 120px;
101
- left: unset;
102
- right: 0;
103
- margin-top: -2px;
104
- font-size: 0.75rem;
105
- border-radius: 0 0 0 0.5rem;
106
- border: 1px solid #d0d3da;
107
- border-right: none;
108
- }
104
+ border: 1px solid #d0d3da;
105
+ border-right: none;
109
106
  }
110
107
  }
@@ -2,12 +2,12 @@
2
2
  <div id='admin-menu' class="dropdown">
3
3
  <% if defined?(peek_bar) && peek_bar %>
4
4
  <%= render 'peek/bar' %>
5
- <% else %>
6
- <div id="peek" class="disabled">
7
- <div class="wrapper">Peek is not enabled.</div>
8
- </div>
5
+ <div id="admin-peek-btn" class="z-icon-dotted zuo-btn"></div>
6
+
7
+ <% content_for :scripts do %>
8
+ $('#admin-peek-btn').on('click', () => $('#peek').toggleClass('active'));
9
+ <% end %>
9
10
  <% end %>
10
- <div id="admin-peek-btn" class="z-icon-dotted zuo-btn"></div>
11
11
  <div class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
12
12
  Admin
13
13
  <span class="z-icon-desc"></span>
@@ -17,7 +17,3 @@
17
17
  </ul>
18
18
  </div>
19
19
  <% end %>
20
-
21
- <% content_for :scripts do %>
22
- $('#admin-peek-btn').on('click', () => $('#peek').toggleClass('active'));
23
- <% end %>
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module ZuoraConnectUi
4
- VERSION = '0.12.1'
4
+ VERSION = '0.12.2'
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: zuora_connect_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.12.1
4
+ version: 0.12.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Connect Team
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-10-29 00:00:00.000000000 Z
11
+ date: 2022-01-11 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bootstrap-sass