cm-admin 0.8.9 → 0.9.0
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 +4 -4
- data/.github/workflows/.stylelintrc.json +3 -0
- data/.github/workflows/linters.yml +31 -0
- data/Gemfile +5 -1
- data/Gemfile.lock +23 -10
- 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 +6 -12
- 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 +45 -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 +4 -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/_table.html.slim +13 -14
- 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/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 +7 -3
- data/package-lock.json +2801 -158
- data/package.json +2 -0
- data/tmp/cache/webpacker/last-compilation-digest-development +1 -1
- data/yarn.lock +6949 -5133
- 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: 385e0f3031f66ab986a7c7e66837810ed8d49bca259cca0fb92bdc2e6bf4efc6
|
|
4
|
+
data.tar.gz: 909a15a2ee902c0241295cc26749f6d7715b938131cb8d9c42cadd6625813730
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9ce3b5afcec601a5713f518d77733fd99bc0d4eb19736c1160aa5ee72b4699ca1d87ec5af1363ef4e039c1a26509ec8e444ab9b412117d396485da186cd2cdaf
|
|
7
|
+
data.tar.gz: 5cf1e60e56910ce4326cffe4f7aabebcc488821ec82bba2ee0e4b8b4d45293599d8e6a45dbbd81e1f74ed7ad84a9a166afa7d72e71fe13943653db0a8ddd9a46
|
|
@@ -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.0)
|
|
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)
|
|
@@ -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;
|
|
@@ -76,14 +76,12 @@
|
|
|
76
76
|
.form-field {
|
|
77
77
|
margin-bottom: 20px;
|
|
78
78
|
.form-label {
|
|
79
|
-
font-weight: 600;
|
|
80
|
-
color: #172b4d;
|
|
81
|
-
font-size: 14px;
|
|
79
|
+
@include font($size: $t4-text, $color: $primary-text-clr, $weight: 600);
|
|
82
80
|
margin-bottom: 0.5rem;
|
|
83
81
|
}
|
|
84
82
|
.form-input {
|
|
85
83
|
label {
|
|
86
|
-
@include font($size: $t4-text, $color:
|
|
84
|
+
@include font($size: $t4-text, $color: $primary-text-clr, $weight: bold);
|
|
87
85
|
}
|
|
88
86
|
input {
|
|
89
87
|
width: 100%;
|
|
@@ -129,16 +127,12 @@
|
|
|
129
127
|
}
|
|
130
128
|
|
|
131
129
|
.radio-label {
|
|
132
|
-
color:
|
|
133
|
-
font-size: 16px;
|
|
134
|
-
font-weight: 600;
|
|
130
|
+
@include font($size: $t3-text, $color: $primary-text-clr, $weight: 600);
|
|
135
131
|
margin-left: 8px;
|
|
136
132
|
}
|
|
137
133
|
|
|
138
134
|
.checkbox-label {
|
|
139
|
-
color:
|
|
140
|
-
font-size: 16px;
|
|
141
|
-
font-weight: 600;
|
|
135
|
+
@include font($size: $t3-text, $color: $primary-text-clr, $weight: 600);
|
|
142
136
|
margin-left: 8px;
|
|
143
137
|
}
|
|
144
138
|
}
|
|
@@ -163,7 +157,7 @@
|
|
|
163
157
|
.field-item {
|
|
164
158
|
margin: 0 5px;
|
|
165
159
|
label {
|
|
166
|
-
@include font($size: $t4-text, $color:
|
|
160
|
+
@include font($size: $t4-text, $color: $primary-text-clr, $weight: bold);
|
|
167
161
|
margin-bottom: 4px;
|
|
168
162
|
}
|
|
169
163
|
input {
|
|
@@ -191,6 +185,6 @@
|
|
|
191
185
|
}
|
|
192
186
|
|
|
193
187
|
.add-field-btn {
|
|
194
|
-
font-size:
|
|
188
|
+
font-size: $t4-text;
|
|
195
189
|
margin: 10px 0;
|
|
196
190
|
}
|
|
@@ -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
|
|
|
@@ -117,3 +117,46 @@ a {
|
|
|
117
117
|
opacity: 0;
|
|
118
118
|
z-index: -1;
|
|
119
119
|
}
|
|
120
|
+
|
|
121
|
+
//select 2 styles
|
|
122
|
+
.select2-container {
|
|
123
|
+
.selection {
|
|
124
|
+
.select2-selection {
|
|
125
|
+
padding: 8px 16px;
|
|
126
|
+
background-color: $white;
|
|
127
|
+
border: 1px solid $grey-light-clr;
|
|
128
|
+
border-radius: $radius-4;
|
|
129
|
+
height: 40px;
|
|
130
|
+
.select2-selection__rendered {
|
|
131
|
+
padding-left: 0;
|
|
132
|
+
@include font($size: $t4-text, $color: $primary-text-clr);
|
|
133
|
+
line-height: 22px;
|
|
134
|
+
}
|
|
135
|
+
.select2-selection__arrow {
|
|
136
|
+
top: 6px;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
.select2-dropdown {
|
|
141
|
+
border: 1px solid $grey-lighter-clr;
|
|
142
|
+
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
|
|
143
|
+
border-radius: $radius-4;
|
|
144
|
+
.select2-results {
|
|
145
|
+
.select2-results__options {
|
|
146
|
+
.select2-results__option {
|
|
147
|
+
padding: 9px 16px;
|
|
148
|
+
@include font($size: $t4-text, $color: $primary-text-clr);
|
|
149
|
+
line-height: 22px;
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
.select2-results__option--highlighted.select2-results__option--selectable {
|
|
153
|
+
background: $grey-lighter-clr;
|
|
154
|
+
color: $primary-text-clr;
|
|
155
|
+
}
|
|
156
|
+
.select2-results__option--selected {
|
|
157
|
+
color: $brand-color !important;
|
|
158
|
+
background-color: $grey-lighter-clr !important;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
}
|
|
@@ -5,28 +5,27 @@
|
|
|
5
5
|
|
|
6
6
|
&__tabs {
|
|
7
7
|
.cm-tabs-bar {
|
|
8
|
-
background-color:
|
|
8
|
+
background-color: $white;
|
|
9
9
|
width: 100%;
|
|
10
10
|
.nav-pills {
|
|
11
|
-
margin-left:
|
|
11
|
+
margin-left: 10px;
|
|
12
12
|
}
|
|
13
13
|
.nav-link {
|
|
14
14
|
position: static;
|
|
15
15
|
left: 0%;
|
|
16
16
|
right: 0%;
|
|
17
|
-
font
|
|
17
|
+
@include font($size: $t4-text, $color: $ink-lighter-clr);
|
|
18
18
|
line-height: 22px;
|
|
19
19
|
flex: none;
|
|
20
20
|
order: 0;
|
|
21
21
|
flex-grow: 0;
|
|
22
|
-
color:
|
|
23
|
-
background-color: #FFF;
|
|
22
|
+
background-color: $white;
|
|
24
23
|
border-radius: 0px;
|
|
25
24
|
}
|
|
26
25
|
.nav-link.active {
|
|
27
|
-
color:
|
|
28
|
-
border-bottom: 3px
|
|
29
|
-
background-color:
|
|
26
|
+
color: $brand-color;
|
|
27
|
+
border-bottom: 3px $brand-color solid;
|
|
28
|
+
background-color: $white;
|
|
30
29
|
}
|
|
31
30
|
}
|
|
32
31
|
}
|
|
@@ -65,7 +64,7 @@
|
|
|
65
64
|
&__rhs {
|
|
66
65
|
width: 80%;
|
|
67
66
|
p {
|
|
68
|
-
@include font($size: $t4-text, $color:
|
|
67
|
+
@include font($size: $t4-text, $color: $primary-text-clr);
|
|
69
68
|
line-height: 19px;
|
|
70
69
|
margin: 0;
|
|
71
70
|
}
|
|
@@ -73,4 +72,7 @@
|
|
|
73
72
|
}
|
|
74
73
|
}
|
|
75
74
|
}
|
|
75
|
+
.filters-bar {
|
|
76
|
+
background-color: $grey-lightest-clr;
|
|
77
|
+
}
|
|
76
78
|
}
|
|
@@ -41,8 +41,7 @@
|
|
|
41
41
|
position: absolute;
|
|
42
42
|
top: 14px;
|
|
43
43
|
left: 24px;
|
|
44
|
-
font
|
|
45
|
-
color: $ink-lightest-clr;
|
|
44
|
+
@include font($size: $t4-text, $color: $ink-lightest-clr);
|
|
46
45
|
}
|
|
47
46
|
}
|
|
48
47
|
|
|
@@ -51,8 +50,7 @@
|
|
|
51
50
|
padding: 16px 0;
|
|
52
51
|
overflow-y: auto;
|
|
53
52
|
.menu-item {
|
|
54
|
-
font
|
|
55
|
-
color: $ink-lightest-clr;
|
|
53
|
+
@include font($size: $t4-text, $color: $ink-lightest-clr);
|
|
56
54
|
padding: 8px 24px;
|
|
57
55
|
transition: all 0.2s linear;
|
|
58
56
|
cursor: pointer;
|
|
@@ -72,8 +70,7 @@
|
|
|
72
70
|
|
|
73
71
|
.menu-sub-list {
|
|
74
72
|
.menu-sub-item {
|
|
75
|
-
font
|
|
76
|
-
color: $ink-lightest-clr;
|
|
73
|
+
@include font($size: $t4-text, $color: $ink-lightest-clr);
|
|
77
74
|
padding: 8px 8px 8px 45px;
|
|
78
75
|
transition: all 0.2s linear;
|
|
79
76
|
&:hover {
|
|
@@ -127,9 +124,8 @@
|
|
|
127
124
|
display: inline-flex;
|
|
128
125
|
align-items: center;
|
|
129
126
|
position: relative;
|
|
130
|
-
font
|
|
127
|
+
@include font($size: $t4-text, $color: $ink-lightest-clr);
|
|
131
128
|
line-height: 22px;
|
|
132
|
-
color: $ink-lightest-clr;
|
|
133
129
|
cursor: pointer;
|
|
134
130
|
.profile-avatar {
|
|
135
131
|
display: inline-flex;
|
|
@@ -138,9 +134,7 @@
|
|
|
138
134
|
width: 22px;
|
|
139
135
|
height: 22px;
|
|
140
136
|
margin-right: 8px;
|
|
141
|
-
color: $white;
|
|
142
|
-
font-size: 10px;
|
|
143
|
-
font-weight: 900;
|
|
137
|
+
@include font($size: 10px, $color: $white, $weight: 900);
|
|
144
138
|
background-color: $brand-color;
|
|
145
139
|
border-radius: $circle;
|
|
146
140
|
vertical-align: middle;
|
|
@@ -164,15 +158,13 @@
|
|
|
164
158
|
box-shadow: inset 0px -1px 0px rgba(148, 151, 155, 0.15);
|
|
165
159
|
&__left {
|
|
166
160
|
.name-text {
|
|
167
|
-
font
|
|
161
|
+
@include font($size: $t4-text, $color: $primary-text-clr);
|
|
168
162
|
line-height: 22px;
|
|
169
|
-
color: $primary-text-clr;
|
|
170
163
|
margin: 0;
|
|
171
164
|
}
|
|
172
165
|
.email-text {
|
|
173
|
-
font
|
|
166
|
+
@include font($size: $t4-text, $color: $ink-lightest-clr);
|
|
174
167
|
line-height: 22px;
|
|
175
|
-
color: $ink-lightest-clr;
|
|
176
168
|
margin: 0;
|
|
177
169
|
}
|
|
178
170
|
}
|
|
@@ -193,9 +185,8 @@
|
|
|
193
185
|
box-shadow: inset 0px -1px 0px rgba(148, 151, 155, 0.15);
|
|
194
186
|
.page-link {
|
|
195
187
|
display: block;
|
|
196
|
-
font
|
|
188
|
+
@include font($size: $t4-text, $color: $primary-text-clr);
|
|
197
189
|
line-height: 22px;
|
|
198
|
-
color: $primary-text-clr;
|
|
199
190
|
padding: 4px 16px;
|
|
200
191
|
border: none;
|
|
201
192
|
transition: all 0.2s linear;
|
|
@@ -208,9 +199,8 @@
|
|
|
208
199
|
padding: 8px 0;
|
|
209
200
|
.auth-link {
|
|
210
201
|
display: block;
|
|
211
|
-
font
|
|
202
|
+
@include font($size: $t4-text, $color: $primary-text-clr);
|
|
212
203
|
line-height: 22px;
|
|
213
|
-
color: $primary-text-clr;
|
|
214
204
|
padding: 4px 16px;
|
|
215
205
|
transition: all 0.2s linear;
|
|
216
206
|
&:hover {
|