zuora_connect_ui 0.12.1 → 0.12.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/zuora_connect_ui/base.scss +4 -0
  3. data/app/assets/stylesheets/zuora_connect_ui/breadcrumb_bar.scss +89 -92
  4. data/app/views/partials/_admin_menu.html.erb +5 -9
  5. data/lib/zuora_connect_ui/version.rb +1 -1
  6. metadata +2 -2
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
data/app/assets/stylesheets/zuora_connect_ui/base.scss CHANGED
@@ -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;
data/app/assets/stylesheets/zuora_connect_ui/breadcrumb_bar.scss CHANGED
@@ -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
  }
data/app/views/partials/_admin_menu.html.erb CHANGED
@@ -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 %>
data/lib/zuora_connect_ui/version.rb CHANGED
@@ -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