cm-admin 0.8.9 → 0.9.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.github/workflows/.stylelintrc.json +3 -0
- data/.github/workflows/linters.yml +31 -0
- data/Gemfile +5 -1
- data/Gemfile.lock +24 -11
- data/app/assets/stylesheets/cm_admin/base/auth.scss +1 -1
- data/app/assets/stylesheets/cm_admin/base/common.scss +3 -3
- data/app/assets/stylesheets/cm_admin/base/filters.scss +11 -17
- data/app/assets/stylesheets/cm_admin/base/form.scss +119 -50
- data/app/assets/stylesheets/cm_admin/base/main-nav.scss +3 -7
- data/app/assets/stylesheets/cm_admin/base/navbar.scss +3 -2
- data/app/assets/stylesheets/cm_admin/base/quicksearch.scss +4 -6
- data/app/assets/stylesheets/cm_admin/base/scaffold.scss +47 -2
- data/app/assets/stylesheets/cm_admin/base/show.scss +11 -9
- data/app/assets/stylesheets/cm_admin/base/sidebar.scss +9 -19
- data/app/assets/stylesheets/cm_admin/base/table.scss +258 -325
- data/app/assets/stylesheets/cm_admin/base/tabs.scss +1 -2
- data/app/assets/stylesheets/cm_admin/components/_buttons.scss +19 -6
- data/app/assets/stylesheets/cm_admin/components/_drawer.scss +4 -8
- data/app/assets/stylesheets/cm_admin/components/_dropdown-popup.scss +1 -2
- data/app/assets/stylesheets/cm_admin/components/_input.scss +1 -1
- data/app/assets/stylesheets/cm_admin/components/_status-tag.scss +3 -2
- data/app/assets/stylesheets/cm_admin/helpers/_variable.scss +4 -0
- data/app/assets/stylesheets/cm_admin/scaffold.scss +2 -2
- data/app/controllers/cm_admin/resource_controller.rb +4 -2
- data/app/javascript/packs/cm_admin/filters.js +1 -1
- data/app/javascript/packs/cm_admin/scaffolds.js +34 -1
- data/app/views/cm_admin/main/_actions_dropdown.html.slim +2 -2
- data/app/views/cm_admin/main/_associated_table.html.slim +20 -21
- data/app/views/cm_admin/main/_member_custom_action_modal.html.slim +1 -1
- data/app/views/cm_admin/main/_nested_fields.html.slim +26 -9
- data/app/views/cm_admin/main/_nested_table_form.html.slim +9 -10
- data/app/views/cm_admin/main/_table.html.slim +13 -14
- data/app/views/cm_admin/main/_tabs.html.slim +1 -1
- data/app/views/cm_admin/main/associated_index.html.slim +4 -5
- data/app/views/cm_admin/main/index.html.slim +13 -14
- data/app/views/cm_admin/main/show.html.slim +2 -2
- data/app/views/layouts/cm_admin.html.slim +5 -5
- data/lib/cm_admin/model.rb +6 -1
- data/lib/cm_admin/models/action.rb +1 -1
- data/lib/cm_admin/models/column.rb +16 -3
- data/lib/cm_admin/models/dsl_method.rb +17 -4
- data/lib/cm_admin/models/field.rb +7 -1
- data/lib/cm_admin/models/filter.rb +1 -1
- data/lib/cm_admin/models/utils/associations.rb +25 -0
- data/lib/cm_admin/version.rb +1 -1
- data/lib/cm_admin/view_helpers/field_display_helper.rb +21 -1
- data/lib/cm_admin/view_helpers/page_info_helper.rb +11 -3
- data/package-lock.json +2868 -229
- data/package.json +2 -0
- data/tmp/cache/webpacker/last-compilation-digest-development +1 -1
- data/yarn.lock +1656 -48
- metadata +5 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 785e0d596039b668a8011b689eab464ebf3c0b6133d802d115d80a2916e93e09
|
4
|
+
data.tar.gz: 3cd13d18882cf7bdc31438c95498010ea776eeb3f9fdc3667a92b875800cb09b
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 66e662348351cdc07436a127fae08df52f430e31ec8e0410fd9b3c76307d111c261cd1349d0d4f6497b605a34ee2622ab113a8d909792e03065cbf66c33afc68
|
7
|
+
data.tar.gz: '0914c2ce34558dbe09a7b10e4f6777d46c37ec3fb0aeae30b5c9fefc45a2611236b21d32d36e8f94f653c0c1fa37346f97e7f6ec33ceff8aa0376a1b5e5a7783'
|
@@ -0,0 +1,31 @@
|
|
1
|
+
# .github/workflows/linters.yml
|
2
|
+
name: linters
|
3
|
+
on: [pull_request]
|
4
|
+
|
5
|
+
jobs:
|
6
|
+
linters:
|
7
|
+
name: runner / linters
|
8
|
+
runs-on: ubuntu-latest
|
9
|
+
steps:
|
10
|
+
- name: Check out code
|
11
|
+
uses: actions/checkout@v1
|
12
|
+
- uses: ruby/setup-ruby@477b21f02be01bcb8030d50f37cfec92bfa615b6
|
13
|
+
with:
|
14
|
+
ruby-version: 3.0.0
|
15
|
+
- name: rubocop
|
16
|
+
uses: reviewdog/action-rubocop@v1
|
17
|
+
with:
|
18
|
+
rubocop_version: 1.30.0
|
19
|
+
rubocop_extensions: rubocop-rails:2.14.2
|
20
|
+
github_token: ${{ secrets.GITHUB_TOKEN }}
|
21
|
+
reporter: github-pr-check # Possible values are github-pr-check, github-pr-review
|
22
|
+
- name: reek
|
23
|
+
uses: reviewdog/action-reek@v1
|
24
|
+
with:
|
25
|
+
reek_version: 6.1.1
|
26
|
+
- name: runner / stylelint
|
27
|
+
run: npx stylelint **/*.scss
|
28
|
+
- name: coffeelint
|
29
|
+
uses: reviewdog/action-coffeelint@v1
|
30
|
+
with:
|
31
|
+
reporter: github-pr-review
|
data/Gemfile
CHANGED
@@ -5,8 +5,12 @@ gem 'pagy', '~> 4.11.0'
|
|
5
5
|
gem 'pundit'
|
6
6
|
gem 'rake', '~> 12.0'
|
7
7
|
gem 'rspec', '~> 3.0'
|
8
|
-
gem 'rubocop'
|
9
8
|
gem 'slim'
|
10
9
|
|
10
|
+
group :development do
|
11
|
+
gem 'rubocop', '~> 1.35.1', require: false
|
12
|
+
gem 'rubocop-rails', '~> 2.15.2', require: false
|
13
|
+
gem 'rubocop-performance', '~> 1.14.3', require: false
|
14
|
+
end
|
11
15
|
# Specify your gem's dependencies in cm_admin.gemspec
|
12
16
|
gemspec
|
data/Gemfile.lock
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
PATH
|
2
2
|
remote: .
|
3
3
|
specs:
|
4
|
-
cm-admin (0.
|
4
|
+
cm-admin (0.9.1)
|
5
5
|
caxlsx_rails
|
6
6
|
cocoon (~> 1.2.15)
|
7
7
|
csv-importer (~> 0.8.2)
|
@@ -61,18 +61,21 @@ GEM
|
|
61
61
|
i18n (1.11.0)
|
62
62
|
concurrent-ruby (~> 1.0)
|
63
63
|
ice_nine (0.11.2)
|
64
|
+
json (2.6.2)
|
64
65
|
local_time (2.1.0)
|
65
66
|
loofah (2.19.0)
|
66
67
|
crass (~> 1.0.2)
|
67
68
|
nokogiri (>= 1.5.9)
|
68
69
|
marcel (1.0.2)
|
69
70
|
method_source (1.0.0)
|
71
|
+
mini_portile2 (2.8.0)
|
70
72
|
minitest (5.16.2)
|
71
|
-
nokogiri (1.13.9
|
73
|
+
nokogiri (1.13.9)
|
74
|
+
mini_portile2 (~> 2.8.0)
|
72
75
|
racc (~> 1.4)
|
73
76
|
pagy (4.11.0)
|
74
77
|
parallel (1.22.1)
|
75
|
-
parser (3.1.2.
|
78
|
+
parser (3.1.2.1)
|
76
79
|
ast (~> 2.4.1)
|
77
80
|
pundit (2.2.0)
|
78
81
|
activesupport (>= 3.0.0)
|
@@ -96,7 +99,7 @@ GEM
|
|
96
99
|
zeitwerk (~> 2.5)
|
97
100
|
rainbow (3.1.1)
|
98
101
|
rake (12.3.3)
|
99
|
-
regexp_parser (2.
|
102
|
+
regexp_parser (2.6.1)
|
100
103
|
rexml (3.2.5)
|
101
104
|
rspec (3.10.0)
|
102
105
|
rspec-core (~> 3.10.0)
|
@@ -111,17 +114,25 @@ GEM
|
|
111
114
|
diff-lcs (>= 1.2.0, < 2.0)
|
112
115
|
rspec-support (~> 3.10.0)
|
113
116
|
rspec-support (3.10.2)
|
114
|
-
rubocop (1.
|
117
|
+
rubocop (1.35.1)
|
118
|
+
json (~> 2.3)
|
115
119
|
parallel (~> 1.10)
|
116
|
-
parser (>= 3.1.
|
120
|
+
parser (>= 3.1.2.1)
|
117
121
|
rainbow (>= 2.2.2, < 4.0)
|
118
122
|
regexp_parser (>= 1.8, < 3.0)
|
119
123
|
rexml (>= 3.2.5, < 4.0)
|
120
|
-
rubocop-ast (>= 1.
|
124
|
+
rubocop-ast (>= 1.20.1, < 2.0)
|
121
125
|
ruby-progressbar (~> 1.7)
|
122
126
|
unicode-display_width (>= 1.4.0, < 3.0)
|
123
|
-
rubocop-ast (1.
|
127
|
+
rubocop-ast (1.23.0)
|
124
128
|
parser (>= 3.1.1.0)
|
129
|
+
rubocop-performance (1.14.3)
|
130
|
+
rubocop (>= 1.7.0, < 2.0)
|
131
|
+
rubocop-ast (>= 0.4.0)
|
132
|
+
rubocop-rails (2.15.2)
|
133
|
+
activesupport (>= 4.2.0)
|
134
|
+
rack (>= 1.1)
|
135
|
+
rubocop (>= 1.7.0, < 2.0)
|
125
136
|
ruby-progressbar (1.11.0)
|
126
137
|
rubyzip (2.3.2)
|
127
138
|
semantic_range (3.0.0)
|
@@ -134,7 +145,7 @@ GEM
|
|
134
145
|
tilt (2.0.10)
|
135
146
|
tzinfo (2.0.4)
|
136
147
|
concurrent-ruby (~> 1.0)
|
137
|
-
unicode-display_width (2.
|
148
|
+
unicode-display_width (2.3.0)
|
138
149
|
virtus (2.0.0)
|
139
150
|
axiom-types (~> 0.1)
|
140
151
|
coercible (~> 1.0)
|
@@ -144,7 +155,7 @@ GEM
|
|
144
155
|
rack-proxy (>= 0.6.1)
|
145
156
|
railties (>= 5.2)
|
146
157
|
semantic_range (>= 2.3.0)
|
147
|
-
zeitwerk (2.6.
|
158
|
+
zeitwerk (2.6.6)
|
148
159
|
|
149
160
|
PLATFORMS
|
150
161
|
ruby
|
@@ -156,7 +167,9 @@ DEPENDENCIES
|
|
156
167
|
pundit
|
157
168
|
rake (~> 12.0)
|
158
169
|
rspec (~> 3.0)
|
159
|
-
rubocop
|
170
|
+
rubocop (~> 1.35.1)
|
171
|
+
rubocop-performance (~> 1.14.3)
|
172
|
+
rubocop-rails (~> 2.15.2)
|
160
173
|
slim
|
161
174
|
|
162
175
|
BUNDLED WITH
|
@@ -59,7 +59,7 @@
|
|
59
59
|
padding: 6px 12px;
|
60
60
|
@include font($size: $t3-text, $color: #555555);
|
61
61
|
background-color: $white;
|
62
|
-
border: 1px solid
|
62
|
+
border: 1px solid $grey-regular-clr;
|
63
63
|
border-radius: $radius-2;
|
64
64
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
65
65
|
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
@@ -163,10 +163,10 @@
|
|
163
163
|
border-radius: $circle;
|
164
164
|
}
|
165
165
|
.border-top {
|
166
|
-
border-top: 1px solid
|
166
|
+
border-top: 1px solid $grey-regular-clr;
|
167
167
|
}
|
168
168
|
.border-bottom {
|
169
|
-
border-bottom: 1px solid
|
169
|
+
border-bottom: 1px solid $grey-regular-clr;
|
170
170
|
}
|
171
171
|
|
172
172
|
//common styles gose here
|
@@ -185,7 +185,7 @@
|
|
185
185
|
}
|
186
186
|
|
187
187
|
.error-text {
|
188
|
-
font-size:
|
188
|
+
font-size: $t4-text;
|
189
189
|
color: $error-clr;
|
190
190
|
margin: 5px 0;
|
191
191
|
animation: shakeError 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
|
@@ -1,9 +1,8 @@
|
|
1
1
|
@import "../helpers/index.scss";
|
2
2
|
|
3
3
|
.cm-filters-v2 {
|
4
|
-
min-height: 64px;
|
5
4
|
padding: 16px 24px;
|
6
|
-
background-color:
|
5
|
+
background-color: transparent;
|
7
6
|
z-index: 1;
|
8
7
|
&__inner {
|
9
8
|
@include flex(row, flex-start, center, wrap);
|
@@ -13,10 +12,8 @@
|
|
13
12
|
}
|
14
13
|
}
|
15
14
|
.add-filter-btn {
|
16
|
-
font
|
15
|
+
@include font($size: $t4-text, $color: $primary-text-clr, $weight: 600);
|
17
16
|
line-height: 22px;
|
18
|
-
font-weight: 600;
|
19
|
-
color: $primary-text-clr;
|
20
17
|
cursor: pointer;
|
21
18
|
span {
|
22
19
|
margin-right: 4px;
|
@@ -27,10 +24,8 @@
|
|
27
24
|
}
|
28
25
|
.clear-btn {
|
29
26
|
position: relative;
|
30
|
-
font
|
27
|
+
@include font($size: $t4-text, $color: $ink-lighter-clr, $weight: 600);
|
31
28
|
line-height: 22px;
|
32
|
-
font-weight: 600;
|
33
|
-
color: $ink-lighter-clr;
|
34
29
|
margin-left: 32px;
|
35
30
|
cursor: pointer;
|
36
31
|
&::before {
|
@@ -77,7 +72,7 @@
|
|
77
72
|
input {
|
78
73
|
width: 100%;
|
79
74
|
height: 39px;
|
80
|
-
border: 1px solid
|
75
|
+
border: 1px solid $grey-regular-clr;
|
81
76
|
border-radius: $radius-4;
|
82
77
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
83
78
|
&:focus {
|
@@ -94,7 +89,7 @@
|
|
94
89
|
//single-select-styles
|
95
90
|
.select2-selection--single {
|
96
91
|
height: 39px;
|
97
|
-
border: 1px solid
|
92
|
+
border: 1px solid $grey-regular-clr;
|
98
93
|
border-radius: $radius-4;
|
99
94
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
100
95
|
&:focus {
|
@@ -121,7 +116,7 @@
|
|
121
116
|
//multi-select-styles
|
122
117
|
.select2-selection--multiple {
|
123
118
|
max-height: 39px;
|
124
|
-
border: 1px solid
|
119
|
+
border: 1px solid $grey-regular-clr;
|
125
120
|
border-radius: $radius-4;
|
126
121
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
127
122
|
overflow-y: auto;
|
@@ -153,14 +148,14 @@
|
|
153
148
|
|
154
149
|
.filter-rangepicker {
|
155
150
|
padding: 6px 12px;
|
156
|
-
color:
|
157
|
-
font-size:
|
151
|
+
color: $primary-text-clr;
|
152
|
+
font-size: $t3-text;
|
158
153
|
}
|
159
154
|
|
160
155
|
.field-area {
|
161
156
|
display: block;
|
162
157
|
padding: 6px 12px;
|
163
|
-
font-size:
|
158
|
+
font-size: $t3-text;
|
164
159
|
color: #555555;
|
165
160
|
}
|
166
161
|
.search-icon {
|
@@ -173,7 +168,7 @@
|
|
173
168
|
position: absolute;
|
174
169
|
top: 10px;
|
175
170
|
right: 15px;
|
176
|
-
font-size:
|
171
|
+
font-size: $t1-text;
|
177
172
|
color: $brand-color;
|
178
173
|
}
|
179
174
|
}
|
@@ -183,8 +178,7 @@
|
|
183
178
|
text-align: right;
|
184
179
|
.filter-btn {
|
185
180
|
padding: 5px 10px;
|
186
|
-
color: $white;
|
187
|
-
font-size: 16px;
|
181
|
+
@include font($size: $t3-text, $color: $white);
|
188
182
|
background-color: $brand-color;
|
189
183
|
border: none;
|
190
184
|
border-radius: $radius-4;
|
@@ -33,6 +33,121 @@
|
|
33
33
|
}
|
34
34
|
}
|
35
35
|
|
36
|
+
//cocoon field styles
|
37
|
+
.fields-group {
|
38
|
+
display: flex;
|
39
|
+
align-items: center;
|
40
|
+
margin: 16px 0;
|
41
|
+
.field-item {
|
42
|
+
margin: 0 5px;
|
43
|
+
label {
|
44
|
+
@include font($size: $t4-text, $color: $primary-text-clr, $weight: bold);
|
45
|
+
margin-bottom: 4px;
|
46
|
+
}
|
47
|
+
input {
|
48
|
+
width: 100%;
|
49
|
+
padding: 5px 10px;
|
50
|
+
border: 1px solid #c1c7d0;
|
51
|
+
border-radius: $radius-2;
|
52
|
+
&:focus {
|
53
|
+
border-color: #66afe9 !important;
|
54
|
+
outline: 0 !important;
|
55
|
+
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
|
56
|
+
}
|
57
|
+
}
|
58
|
+
}
|
59
|
+
.field-remove {
|
60
|
+
margin-top: 25px;
|
61
|
+
a {
|
62
|
+
@include font($size: $t1-text, $color: #ff5656);
|
63
|
+
@include transition-linear;
|
64
|
+
&:hover {
|
65
|
+
transform: scale(1.1);
|
66
|
+
}
|
67
|
+
}
|
68
|
+
}
|
69
|
+
}
|
70
|
+
|
71
|
+
.add-field-btn {
|
72
|
+
font-size: $t4-text;
|
73
|
+
margin: 10px 0;
|
74
|
+
}
|
75
|
+
|
76
|
+
// Nested form styles
|
77
|
+
.nested-field-wrapper {
|
78
|
+
.nested-field-label {
|
79
|
+
@include font($size: $t4-text, $color: $primary-text-clr);
|
80
|
+
line-height: 22px;
|
81
|
+
margin: 0 0 4px;
|
82
|
+
span {
|
83
|
+
color: $ink-lightest-clr;
|
84
|
+
margin-left: 4px;
|
85
|
+
}
|
86
|
+
}
|
87
|
+
.nested-single-field {
|
88
|
+
display: grid;
|
89
|
+
grid-template-columns: 1fr 32px;
|
90
|
+
align-items: center;
|
91
|
+
width: 352px;
|
92
|
+
margin-bottom: 8px;
|
93
|
+
.field-remove-action {
|
94
|
+
font-size: $t3-text;
|
95
|
+
text-align: center;
|
96
|
+
a {
|
97
|
+
color: $primary-text-clr;
|
98
|
+
&:hover {
|
99
|
+
color: $primary-text-clr;
|
100
|
+
}
|
101
|
+
}
|
102
|
+
}
|
103
|
+
}
|
104
|
+
}
|
105
|
+
|
106
|
+
// Nested form Accordion styles
|
107
|
+
.nested-form-accordion {
|
108
|
+
.accordion-item {
|
109
|
+
margin-bottom: 8px;
|
110
|
+
border: 1px solid $grey-light-clr;
|
111
|
+
border-radius: $radius-4;
|
112
|
+
}
|
113
|
+
.accordion-item:not(:first-of-type) {
|
114
|
+
border-top: 1px solid $grey-light-clr;
|
115
|
+
}
|
116
|
+
.accordion-item:first-of-type {
|
117
|
+
margin-top: 4px;
|
118
|
+
border-radius: $radius-4;
|
119
|
+
}
|
120
|
+
.accordion-item:last-of-type {
|
121
|
+
margin-bottom: 0;
|
122
|
+
border-radius: $radius-4;
|
123
|
+
}
|
124
|
+
.accordion-header {
|
125
|
+
position: relative;
|
126
|
+
display: flex;
|
127
|
+
.accordion-delete-btn {
|
128
|
+
position: absolute;
|
129
|
+
top: 14px;
|
130
|
+
right: 48px;
|
131
|
+
z-index: 9;
|
132
|
+
}
|
133
|
+
}
|
134
|
+
.accordion-button {
|
135
|
+
border-radius: $radius-4;
|
136
|
+
&:focus {
|
137
|
+
border-color: transparent;
|
138
|
+
box-shadow: none;
|
139
|
+
}
|
140
|
+
&:not(.collapsed) {
|
141
|
+
color: inherit;
|
142
|
+
background-color: transparent;
|
143
|
+
box-shadow: none;
|
144
|
+
}
|
145
|
+
&:not(.collapsed)::after {
|
146
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
|
147
|
+
}
|
148
|
+
}
|
149
|
+
}
|
150
|
+
|
36
151
|
//Old form code
|
37
152
|
.form-wrapper {
|
38
153
|
// margin-top: 60px;
|
@@ -76,14 +191,12 @@
|
|
76
191
|
.form-field {
|
77
192
|
margin-bottom: 20px;
|
78
193
|
.form-label {
|
79
|
-
font-weight: 600;
|
80
|
-
color: #172b4d;
|
81
|
-
font-size: 14px;
|
194
|
+
@include font($size: $t4-text, $color: $primary-text-clr, $weight: 600);
|
82
195
|
margin-bottom: 0.5rem;
|
83
196
|
}
|
84
197
|
.form-input {
|
85
198
|
label {
|
86
|
-
@include font($size: $t4-text, $color:
|
199
|
+
@include font($size: $t4-text, $color: $primary-text-clr, $weight: bold);
|
87
200
|
}
|
88
201
|
input {
|
89
202
|
width: 100%;
|
@@ -129,16 +242,12 @@
|
|
129
242
|
}
|
130
243
|
|
131
244
|
.radio-label {
|
132
|
-
color:
|
133
|
-
font-size: 16px;
|
134
|
-
font-weight: 600;
|
245
|
+
@include font($size: $t3-text, $color: $primary-text-clr, $weight: 600);
|
135
246
|
margin-left: 8px;
|
136
247
|
}
|
137
248
|
|
138
249
|
.checkbox-label {
|
139
|
-
color:
|
140
|
-
font-size: 16px;
|
141
|
-
font-weight: 600;
|
250
|
+
@include font($size: $t3-text, $color: $primary-text-clr, $weight: 600);
|
142
251
|
margin-left: 8px;
|
143
252
|
}
|
144
253
|
}
|
@@ -154,43 +263,3 @@
|
|
154
263
|
}
|
155
264
|
}
|
156
265
|
}
|
157
|
-
|
158
|
-
//cocoon field styles
|
159
|
-
.fields-group {
|
160
|
-
display: flex;
|
161
|
-
align-items: center;
|
162
|
-
margin: 16px 0;
|
163
|
-
.field-item {
|
164
|
-
margin: 0 5px;
|
165
|
-
label {
|
166
|
-
@include font($size: $t4-text, $color: #172b4d, $weight: bold);
|
167
|
-
margin-bottom: 4px;
|
168
|
-
}
|
169
|
-
input {
|
170
|
-
width: 100%;
|
171
|
-
padding: 5px 10px;
|
172
|
-
border: 1px solid #c1c7d0;
|
173
|
-
border-radius: $radius-2;
|
174
|
-
&:focus {
|
175
|
-
border-color: #66afe9 !important;
|
176
|
-
outline: 0 !important;
|
177
|
-
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
|
178
|
-
}
|
179
|
-
}
|
180
|
-
}
|
181
|
-
.field-remove {
|
182
|
-
margin-top: 25px;
|
183
|
-
a {
|
184
|
-
@include font($size: $t1-text, $color: #ff5656);
|
185
|
-
@include transition-linear;
|
186
|
-
&:hover {
|
187
|
-
transform: scale(1.1);
|
188
|
-
}
|
189
|
-
}
|
190
|
-
}
|
191
|
-
}
|
192
|
-
|
193
|
-
.add-field-btn {
|
194
|
-
font-size: 14px;
|
195
|
-
margin: 10px 0;
|
196
|
-
}
|
@@ -15,9 +15,8 @@
|
|
15
15
|
&__lhs {
|
16
16
|
.bread-crumb-area {
|
17
17
|
.breadcrumb-text {
|
18
|
-
font
|
18
|
+
@include font($size: $t4-text, $color: $ink-lighter-clr);
|
19
19
|
line-height: 22px;
|
20
|
-
color: $ink-lighter-clr;
|
21
20
|
margin: 0 0 16px;
|
22
21
|
a {
|
23
22
|
color: inherit;
|
@@ -26,16 +25,13 @@
|
|
26
25
|
}
|
27
26
|
.nav-title-area {
|
28
27
|
.title-text {
|
29
|
-
font-size:
|
30
|
-
font-weight: 600;
|
28
|
+
@include font($size: $font-size(24), $color: $primary-text-clr, $weight: 600);
|
31
29
|
line-height: 32px;
|
32
|
-
color: $primary-text-clr;
|
33
30
|
margin: 0 0 8px;
|
34
31
|
}
|
35
32
|
.title-sub-text {
|
36
|
-
font
|
33
|
+
@include font($size: $t4-text, $color: $primary-text-clr);
|
37
34
|
line-height: 22px;
|
38
|
-
color: $primary-text-clr;
|
39
35
|
margin: 0;
|
40
36
|
}
|
41
37
|
}
|
@@ -15,9 +15,8 @@
|
|
15
15
|
position: absolute;
|
16
16
|
top: 8px;
|
17
17
|
right: 16px;
|
18
|
-
font
|
18
|
+
@include font($size: $t4-text, $color: $ink-lighter-clr);
|
19
19
|
line-height: 22px;
|
20
|
-
color: $ink-lighter-clr;
|
21
20
|
cursor: pointer;
|
22
21
|
}
|
23
22
|
}
|
@@ -28,7 +27,7 @@
|
|
28
27
|
font-size: $t4-text;
|
29
28
|
line-height: 22px;
|
30
29
|
span:nth-child(1) {
|
31
|
-
color:
|
30
|
+
color: $grey-dark-clr;
|
32
31
|
}
|
33
32
|
span:nth-child(2) {
|
34
33
|
margin-left: 8px;
|
@@ -42,9 +41,8 @@
|
|
42
41
|
padding: 4px 16px;
|
43
42
|
box-shadow: inset 0px 1px 0px rgba(148, 151, 155, 0.15);
|
44
43
|
.select {
|
45
|
-
font
|
44
|
+
@include font($size: $t6-text, $color: $ink-lighter-clr);
|
46
45
|
line-height: 16px;
|
47
|
-
color: $ink-lightest-clr;
|
48
46
|
cursor: pointer;
|
49
47
|
.move-arrow {
|
50
48
|
font-size: 10px;
|
@@ -67,7 +65,7 @@
|
|
67
65
|
}
|
68
66
|
}
|
69
67
|
.active-item {
|
70
|
-
background:
|
68
|
+
background: $grey-light-clr;
|
71
69
|
width: 100%;
|
72
70
|
height: 40px;
|
73
71
|
float: left;
|
@@ -64,14 +64,14 @@ a {
|
|
64
64
|
opacity: 1 !important;
|
65
65
|
}
|
66
66
|
|
67
|
-
.page-container {
|
67
|
+
.cm-page-container {
|
68
68
|
height: 100vh;
|
69
69
|
}
|
70
70
|
|
71
71
|
.sticky-container {
|
72
72
|
position: sticky;
|
73
73
|
top: 0;
|
74
|
-
background-color:
|
74
|
+
background-color: $white;
|
75
75
|
z-index: 4;
|
76
76
|
}
|
77
77
|
|
@@ -88,6 +88,7 @@ a {
|
|
88
88
|
width: 480px;
|
89
89
|
}
|
90
90
|
}
|
91
|
+
|
91
92
|
.input-wrapper.disabled {
|
92
93
|
input:disabled {
|
93
94
|
background-color: $grey-lightest-clr;
|
@@ -96,6 +97,7 @@ a {
|
|
96
97
|
color: $ink-lightest-clr;
|
97
98
|
}
|
98
99
|
}
|
100
|
+
|
99
101
|
.nested-fields .select2 {
|
100
102
|
width: 320px !important;
|
101
103
|
}
|
@@ -117,3 +119,46 @@ a {
|
|
117
119
|
opacity: 0;
|
118
120
|
z-index: -1;
|
119
121
|
}
|
122
|
+
|
123
|
+
//select 2 styles
|
124
|
+
.select2-container {
|
125
|
+
.selection {
|
126
|
+
.select2-selection {
|
127
|
+
padding: 8px 16px;
|
128
|
+
background-color: $white;
|
129
|
+
border: 1px solid $grey-light-clr;
|
130
|
+
border-radius: $radius-4;
|
131
|
+
height: 40px;
|
132
|
+
.select2-selection__rendered {
|
133
|
+
padding-left: 0;
|
134
|
+
@include font($size: $t4-text, $color: $primary-text-clr);
|
135
|
+
line-height: 22px;
|
136
|
+
}
|
137
|
+
.select2-selection__arrow {
|
138
|
+
top: 6px;
|
139
|
+
}
|
140
|
+
}
|
141
|
+
}
|
142
|
+
.select2-dropdown {
|
143
|
+
border: 1px solid $grey-lighter-clr;
|
144
|
+
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
|
145
|
+
border-radius: $radius-4;
|
146
|
+
.select2-results {
|
147
|
+
.select2-results__options {
|
148
|
+
.select2-results__option {
|
149
|
+
padding: 9px 16px;
|
150
|
+
@include font($size: $t4-text, $color: $primary-text-clr);
|
151
|
+
line-height: 22px;
|
152
|
+
}
|
153
|
+
}
|
154
|
+
.select2-results__option--highlighted.select2-results__option--selectable {
|
155
|
+
background: $grey-lighter-clr;
|
156
|
+
color: $primary-text-clr;
|
157
|
+
}
|
158
|
+
.select2-results__option--selected {
|
159
|
+
color: $brand-color !important;
|
160
|
+
background-color: $grey-lighter-clr !important;
|
161
|
+
}
|
162
|
+
}
|
163
|
+
}
|
164
|
+
}
|