rb-document-form-constructor 0.9.16 → 0.9.17
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.
- package/dist/rb-document-form-constructor.esm.js +25 -11
- package/dist/rb-document-form-constructor.min.js +2 -2
- package/dist/rb-document-form-constructor.ssr.js +31 -17
- package/dist/scss/_global.scss +3 -3
- package/dist/scss/_variables.scss +17 -17
- package/dist/scss/components/_doc-form.scss +36 -36
- package/dist/scss/components/_doc-template-constructor.scss +112 -112
- package/dist/scss/components/_doc-template-facet-list.scss +46 -46
- package/dist/scss/components/_doc-template-field-sidebar.scss +52 -52
- package/dist/scss/components/_field-rule-form-modal.scss +27 -27
- package/dist/scss/components.scss +7 -7
- package/package.json +61 -61
- package/src/components/DocForm.vue +308 -301
- package/src/components/DocTemplateConstructor.vue +262 -262
- package/src/components/DocTemplateFacetList.vue +127 -127
- package/src/components/DocTemplateFieldSidebar.vue +293 -293
- package/src/components/DocTemplateSectionModal.vue +63 -63
- package/src/components/FieldRuleFormModal.vue +287 -287
|
@@ -115,20 +115,24 @@ function _nonIterableRest() {
|
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
var found = null;
|
|
118
|
-
formConfig.sections.
|
|
119
|
-
console.info(r);
|
|
120
|
-
|
|
118
|
+
formConfig.sections.every(function (r) {
|
|
121
119
|
if (r.columns) {
|
|
122
|
-
r.columns.
|
|
120
|
+
r.columns.every(function (c) {
|
|
123
121
|
c.fields.forEach(function (f) {
|
|
124
|
-
console.info(f.name);
|
|
125
|
-
|
|
126
122
|
if (f.name === fieldName) {
|
|
127
123
|
found = f;
|
|
128
124
|
}
|
|
129
125
|
});
|
|
126
|
+
|
|
127
|
+
if (found) {
|
|
128
|
+
return false;
|
|
129
|
+
}
|
|
130
130
|
});
|
|
131
131
|
}
|
|
132
|
+
|
|
133
|
+
if (found) {
|
|
134
|
+
return false;
|
|
135
|
+
}
|
|
132
136
|
});
|
|
133
137
|
return found;
|
|
134
138
|
},
|
|
@@ -820,7 +824,7 @@ var __vue_inject_styles__$5 = undefined;
|
|
|
820
824
|
var __vue_scope_id__$5 = undefined;
|
|
821
825
|
/* module identifier */
|
|
822
826
|
|
|
823
|
-
var __vue_module_identifier__$5 = "data-v-
|
|
827
|
+
var __vue_module_identifier__$5 = "data-v-779f90b2";
|
|
824
828
|
/* functional template */
|
|
825
829
|
|
|
826
830
|
var __vue_is_functional_template__$5 = false;
|
|
@@ -6392,7 +6396,7 @@ var __vue_inject_styles__$4 = undefined;
|
|
|
6392
6396
|
var __vue_scope_id__$4 = undefined;
|
|
6393
6397
|
/* module identifier */
|
|
6394
6398
|
|
|
6395
|
-
var __vue_module_identifier__$4 = "data-v-
|
|
6399
|
+
var __vue_module_identifier__$4 = "data-v-6cf21488";
|
|
6396
6400
|
/* functional template */
|
|
6397
6401
|
|
|
6398
6402
|
var __vue_is_functional_template__$4 = false;
|
|
@@ -6629,6 +6633,16 @@ var _typeof = function(object) {
|
|
|
6629
6633
|
feedback = errors ? _this3.$t('validate.multiRequired', {
|
|
6630
6634
|
field: errors
|
|
6631
6635
|
}) : _this3.isValueEmpty(f.name) ? _this3.getDisplayField(f) : '';
|
|
6636
|
+
} // 🔥 Кастомная валидация для конкретного поля
|
|
6637
|
+
|
|
6638
|
+
|
|
6639
|
+
if (typeof f.validate === 'function') {
|
|
6640
|
+
console.log(f, _this3.doc);
|
|
6641
|
+
var customError = f.validate(_this3.doc[f.name]);
|
|
6642
|
+
|
|
6643
|
+
if (customError) {
|
|
6644
|
+
feedback += "\n".concat(customError);
|
|
6645
|
+
}
|
|
6632
6646
|
}
|
|
6633
6647
|
|
|
6634
6648
|
if (feedback) {
|
|
@@ -6851,7 +6865,7 @@ var __vue_inject_styles__$3 = undefined;
|
|
|
6851
6865
|
var __vue_scope_id__$3 = undefined;
|
|
6852
6866
|
/* module identifier */
|
|
6853
6867
|
|
|
6854
|
-
var __vue_module_identifier__$3 = "data-v-
|
|
6868
|
+
var __vue_module_identifier__$3 = "data-v-11628fc6";
|
|
6855
6869
|
/* functional template */
|
|
6856
6870
|
|
|
6857
6871
|
var __vue_is_functional_template__$3 = false;
|
|
@@ -7311,7 +7325,7 @@ var __vue_inject_styles__$2 = undefined;
|
|
|
7311
7325
|
var __vue_scope_id__$2 = undefined;
|
|
7312
7326
|
/* module identifier */
|
|
7313
7327
|
|
|
7314
|
-
var __vue_module_identifier__$2 = "data-v-
|
|
7328
|
+
var __vue_module_identifier__$2 = "data-v-6383ddb8";
|
|
7315
7329
|
/* functional template */
|
|
7316
7330
|
|
|
7317
7331
|
var __vue_is_functional_template__$2 = false;
|
|
@@ -7747,7 +7761,7 @@ var __vue_inject_styles__$1 = undefined;
|
|
|
7747
7761
|
var __vue_scope_id__$1 = undefined;
|
|
7748
7762
|
/* module identifier */
|
|
7749
7763
|
|
|
7750
|
-
var __vue_module_identifier__$1 = "data-v-
|
|
7764
|
+
var __vue_module_identifier__$1 = "data-v-6f12d00c";
|
|
7751
7765
|
/* functional template */
|
|
7752
7766
|
|
|
7753
7767
|
var __vue_is_functional_template__$1 = false;
|
|
@@ -7858,11 +7872,11 @@ var DocTemplateFieldSidebar = __vue_component__$2;var script = {
|
|
|
7858
7872
|
},
|
|
7859
7873
|
removeSection: function removeSection(section, index) {
|
|
7860
7874
|
this.formConfig.sections.splice(index, 1);
|
|
7861
|
-
/*UtModal.showYesNoDialog('Вы действительно хотите удалить секцию?', {
|
|
7862
|
-
onOk: (event, modal) => {
|
|
7863
|
-
this.formConfig.sections.splice(index, 1);
|
|
7864
|
-
UtModal.closeModal(modal);
|
|
7865
|
-
}
|
|
7875
|
+
/*UtModal.showYesNoDialog('Вы действительно хотите удалить секцию?', {
|
|
7876
|
+
onOk: (event, modal) => {
|
|
7877
|
+
this.formConfig.sections.splice(index, 1);
|
|
7878
|
+
UtModal.closeModal(modal);
|
|
7879
|
+
}
|
|
7866
7880
|
});*/
|
|
7867
7881
|
},
|
|
7868
7882
|
multipleFieldAreOnFormConfig: function multipleFieldAreOnFormConfig(field) {
|
|
@@ -8187,7 +8201,7 @@ var __vue_inject_styles__ = undefined;
|
|
|
8187
8201
|
var __vue_scope_id__ = undefined;
|
|
8188
8202
|
/* module identifier */
|
|
8189
8203
|
|
|
8190
|
-
var __vue_module_identifier__ = "data-v-
|
|
8204
|
+
var __vue_module_identifier__ = "data-v-8c2e2cde";
|
|
8191
8205
|
/* functional template */
|
|
8192
8206
|
|
|
8193
8207
|
var __vue_is_functional_template__ = false;
|
package/dist/scss/_global.scss
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.cursor-pointer {
|
|
2
|
-
cursor: pointer;
|
|
3
|
-
}
|
|
1
|
+
.cursor-pointer {
|
|
2
|
+
cursor: pointer;
|
|
3
|
+
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
// DocTemplateFacetList
|
|
2
|
-
$rb-facet-list-border-color: $border-color !default;
|
|
3
|
-
|
|
4
|
-
// DocTemplateConstructor
|
|
5
|
-
$rb-doc-template-constructor-title-color: #333 !default;
|
|
6
|
-
$rb-doc-template-constructor-title-font-size: 16px !default;
|
|
7
|
-
$rb-doc-template-section-bg: #E9EAEA !default;
|
|
8
|
-
$rb-doc-template-constructor-form-column-border-color: #D5D5D6;
|
|
9
|
-
|
|
10
|
-
// DocTemplateFieldSidebar
|
|
11
|
-
$rb-doc-template-field-sidebar-font-size-lg: 1rem !default;
|
|
12
|
-
$rb-doc-template-field-sidebar-top: 72px !default;
|
|
13
|
-
$rb-doc-template-field-sidebar-close-button-left: -46px !default;
|
|
14
|
-
|
|
15
|
-
// DocForm
|
|
16
|
-
$rb-doc-form-font-size-lg: 1rem !default;
|
|
17
|
-
$rb-doc-form-legend-line-height: $line-height-base !default;
|
|
1
|
+
// DocTemplateFacetList
|
|
2
|
+
$rb-facet-list-border-color: $border-color !default;
|
|
3
|
+
|
|
4
|
+
// DocTemplateConstructor
|
|
5
|
+
$rb-doc-template-constructor-title-color: #333 !default;
|
|
6
|
+
$rb-doc-template-constructor-title-font-size: 16px !default;
|
|
7
|
+
$rb-doc-template-section-bg: #E9EAEA !default;
|
|
8
|
+
$rb-doc-template-constructor-form-column-border-color: #D5D5D6;
|
|
9
|
+
|
|
10
|
+
// DocTemplateFieldSidebar
|
|
11
|
+
$rb-doc-template-field-sidebar-font-size-lg: 1rem !default;
|
|
12
|
+
$rb-doc-template-field-sidebar-top: 72px !default;
|
|
13
|
+
$rb-doc-template-field-sidebar-close-button-left: -46px !default;
|
|
14
|
+
|
|
15
|
+
// DocForm
|
|
16
|
+
$rb-doc-form-font-size-lg: 1rem !default;
|
|
17
|
+
$rb-doc-form-legend-line-height: $line-height-base !default;
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
.rb-doc-form {
|
|
2
|
-
h4 {
|
|
3
|
-
font-weight: bold;
|
|
4
|
-
font-size: $rb-doc-form-font-size-lg;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.rb-form-section {
|
|
8
|
-
padding-bottom: 10px;
|
|
9
|
-
padding-top: 10px;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.rb-form-column {
|
|
13
|
-
flex: 1;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.rb-form-column:first-child {
|
|
17
|
-
margin-left: 0;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.rb-form-column:last-child {
|
|
21
|
-
margin-right: 0;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.rb-form-column {
|
|
25
|
-
margin-left: 10px;
|
|
26
|
-
margin-right: 10px;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
legend.col-form-label {
|
|
30
|
-
max-width: 100%;
|
|
31
|
-
display: block;
|
|
32
|
-
overflow: hidden;
|
|
33
|
-
text-overflow: ellipsis;
|
|
34
|
-
white-space: nowrap;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
1
|
+
.rb-doc-form {
|
|
2
|
+
h4 {
|
|
3
|
+
font-weight: bold;
|
|
4
|
+
font-size: $rb-doc-form-font-size-lg;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.rb-form-section {
|
|
8
|
+
padding-bottom: 10px;
|
|
9
|
+
padding-top: 10px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.rb-form-column {
|
|
13
|
+
flex: 1;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.rb-form-column:first-child {
|
|
17
|
+
margin-left: 0;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.rb-form-column:last-child {
|
|
21
|
+
margin-right: 0;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.rb-form-column {
|
|
25
|
+
margin-left: 10px;
|
|
26
|
+
margin-right: 10px;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
legend.col-form-label {
|
|
30
|
+
max-width: 100%;
|
|
31
|
+
display: block;
|
|
32
|
+
overflow: hidden;
|
|
33
|
+
text-overflow: ellipsis;
|
|
34
|
+
white-space: nowrap;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
@@ -1,112 +1,112 @@
|
|
|
1
|
-
.rb-doc-template-constructor {
|
|
2
|
-
height: 100%;
|
|
3
|
-
|
|
4
|
-
h4 {
|
|
5
|
-
color: $rb-doc-template-constructor-title-color;
|
|
6
|
-
font-weight: bold;
|
|
7
|
-
font-size: $rb-doc-template-constructor-title-font-size;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.rb-form-constructor {
|
|
11
|
-
height: 100%;
|
|
12
|
-
overflow-y: auto;
|
|
13
|
-
background-color: white;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.rb-constructor-toolbar {
|
|
17
|
-
padding: 16px 16px 16px 16px;
|
|
18
|
-
background-color: white;
|
|
19
|
-
border-bottom: 1px solid $border-color;
|
|
20
|
-
|
|
21
|
-
h4 {
|
|
22
|
-
margin-bottom: 0;
|
|
23
|
-
line-height: 38px;
|
|
24
|
-
margin-right: 10px;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.btn {
|
|
28
|
-
margin-left: 10px;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.rb-constructor-body {
|
|
33
|
-
padding: 16px;
|
|
34
|
-
|
|
35
|
-
.card {
|
|
36
|
-
border-width: 2px;
|
|
37
|
-
border-style: dashed;
|
|
38
|
-
background-color: $rb-doc-template-section-bg;
|
|
39
|
-
|
|
40
|
-
.card-header, .card-body {
|
|
41
|
-
background-color: $rb-doc-template-section-bg;
|
|
42
|
-
border-color: $border-color;
|
|
43
|
-
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.rb-form-card {
|
|
48
|
-
margin-bottom: 20px;
|
|
49
|
-
|
|
50
|
-
.rb-form-column {
|
|
51
|
-
flex: 1;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.card-header {
|
|
55
|
-
border-bottom-width: 0;
|
|
56
|
-
display: flex;
|
|
57
|
-
flex-direction: row;
|
|
58
|
-
|
|
59
|
-
.rb-text {
|
|
60
|
-
font-size: 16px;
|
|
61
|
-
line-height: 24px;
|
|
62
|
-
font-weight: bold;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.rb-icon {
|
|
66
|
-
line-height: 24px;
|
|
67
|
-
font-size: 16px;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.rb-form-column {
|
|
73
|
-
.form-group:hover {
|
|
74
|
-
legend.col-form-label .rb-actions {
|
|
75
|
-
visibility: visible;
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
legend.col-form-label {
|
|
80
|
-
font-size: $font-size-base;
|
|
81
|
-
font-weight: bold;
|
|
82
|
-
margin-bottom: 12px;
|
|
83
|
-
display: flex;
|
|
84
|
-
flex-direction: row;
|
|
85
|
-
color: $rb-doc-template-constructor-title-color;
|
|
86
|
-
|
|
87
|
-
.rb-text {
|
|
88
|
-
flex: 1;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.rb-actions {
|
|
92
|
-
visibility: hidden;
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.form-control:disabled,
|
|
97
|
-
.btn.disabled {
|
|
98
|
-
background-color: white;
|
|
99
|
-
opacity: 1;
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
.rb-form-column {
|
|
104
|
-
padding: 10px;
|
|
105
|
-
border: 2px dashed $rb-doc-template-constructor-form-column-border-color;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.rb-form-column:not(.rb-single-column) {
|
|
109
|
-
margin: 0 10px;
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
}
|
|
1
|
+
.rb-doc-template-constructor {
|
|
2
|
+
height: 100%;
|
|
3
|
+
|
|
4
|
+
h4 {
|
|
5
|
+
color: $rb-doc-template-constructor-title-color;
|
|
6
|
+
font-weight: bold;
|
|
7
|
+
font-size: $rb-doc-template-constructor-title-font-size;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.rb-form-constructor {
|
|
11
|
+
height: 100%;
|
|
12
|
+
overflow-y: auto;
|
|
13
|
+
background-color: white;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.rb-constructor-toolbar {
|
|
17
|
+
padding: 16px 16px 16px 16px;
|
|
18
|
+
background-color: white;
|
|
19
|
+
border-bottom: 1px solid $border-color;
|
|
20
|
+
|
|
21
|
+
h4 {
|
|
22
|
+
margin-bottom: 0;
|
|
23
|
+
line-height: 38px;
|
|
24
|
+
margin-right: 10px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.btn {
|
|
28
|
+
margin-left: 10px;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.rb-constructor-body {
|
|
33
|
+
padding: 16px;
|
|
34
|
+
|
|
35
|
+
.card {
|
|
36
|
+
border-width: 2px;
|
|
37
|
+
border-style: dashed;
|
|
38
|
+
background-color: $rb-doc-template-section-bg;
|
|
39
|
+
|
|
40
|
+
.card-header, .card-body {
|
|
41
|
+
background-color: $rb-doc-template-section-bg;
|
|
42
|
+
border-color: $border-color;
|
|
43
|
+
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.rb-form-card {
|
|
48
|
+
margin-bottom: 20px;
|
|
49
|
+
|
|
50
|
+
.rb-form-column {
|
|
51
|
+
flex: 1;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.card-header {
|
|
55
|
+
border-bottom-width: 0;
|
|
56
|
+
display: flex;
|
|
57
|
+
flex-direction: row;
|
|
58
|
+
|
|
59
|
+
.rb-text {
|
|
60
|
+
font-size: 16px;
|
|
61
|
+
line-height: 24px;
|
|
62
|
+
font-weight: bold;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.rb-icon {
|
|
66
|
+
line-height: 24px;
|
|
67
|
+
font-size: 16px;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.rb-form-column {
|
|
73
|
+
.form-group:hover {
|
|
74
|
+
legend.col-form-label .rb-actions {
|
|
75
|
+
visibility: visible;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
legend.col-form-label {
|
|
80
|
+
font-size: $font-size-base;
|
|
81
|
+
font-weight: bold;
|
|
82
|
+
margin-bottom: 12px;
|
|
83
|
+
display: flex;
|
|
84
|
+
flex-direction: row;
|
|
85
|
+
color: $rb-doc-template-constructor-title-color;
|
|
86
|
+
|
|
87
|
+
.rb-text {
|
|
88
|
+
flex: 1;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.rb-actions {
|
|
92
|
+
visibility: hidden;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.form-control:disabled,
|
|
97
|
+
.btn.disabled {
|
|
98
|
+
background-color: white;
|
|
99
|
+
opacity: 1;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.rb-form-column {
|
|
104
|
+
padding: 10px;
|
|
105
|
+
border: 2px dashed $rb-doc-template-constructor-form-column-border-color;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.rb-form-column:not(.rb-single-column) {
|
|
109
|
+
margin: 0 10px;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
.rb-facets-sidebar {
|
|
2
|
-
height: 100%;
|
|
3
|
-
width: 264px;
|
|
4
|
-
overflow-y: auto;
|
|
5
|
-
background-color: white;
|
|
6
|
-
border-right: 1px solid $rb-facet-list-border-color;
|
|
7
|
-
|
|
8
|
-
h4 {
|
|
9
|
-
padding: 24px 16px 16px 16px;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
h6 {
|
|
13
|
-
padding-left: 16px;
|
|
14
|
-
padding-right: 16px;
|
|
15
|
-
font-weight: 500;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
form {
|
|
19
|
-
padding-left: 16px;
|
|
20
|
-
padding-right: 16px;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.rb-facet-label {
|
|
24
|
-
font-weight: bold;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.rb-facet-label-sub-text {
|
|
28
|
-
font-size: 13px;
|
|
29
|
-
color: #AAABAD;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.rb-facet-list {
|
|
33
|
-
.rb-facet {
|
|
34
|
-
padding: 10px 0;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
& > .rb-facet:not(:last-child) {
|
|
38
|
-
border-bottom: 1px solid $rb-facet-list-border-color;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.list-group-item {
|
|
42
|
-
border-radius: 0;
|
|
43
|
-
border: none;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}
|
|
1
|
+
.rb-facets-sidebar {
|
|
2
|
+
height: 100%;
|
|
3
|
+
width: 264px;
|
|
4
|
+
overflow-y: auto;
|
|
5
|
+
background-color: white;
|
|
6
|
+
border-right: 1px solid $rb-facet-list-border-color;
|
|
7
|
+
|
|
8
|
+
h4 {
|
|
9
|
+
padding: 24px 16px 16px 16px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
h6 {
|
|
13
|
+
padding-left: 16px;
|
|
14
|
+
padding-right: 16px;
|
|
15
|
+
font-weight: 500;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
form {
|
|
19
|
+
padding-left: 16px;
|
|
20
|
+
padding-right: 16px;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.rb-facet-label {
|
|
24
|
+
font-weight: bold;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.rb-facet-label-sub-text {
|
|
28
|
+
font-size: 13px;
|
|
29
|
+
color: #AAABAD;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.rb-facet-list {
|
|
33
|
+
.rb-facet {
|
|
34
|
+
padding: 10px 0;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
& > .rb-facet:not(:last-child) {
|
|
38
|
+
border-bottom: 1px solid $rb-facet-list-border-color;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.list-group-item {
|
|
42
|
+
border-radius: 0;
|
|
43
|
+
border: none;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
.rb-doc-template-field-sidebar {
|
|
2
|
-
.dropdown-menu.show {
|
|
3
|
-
max-width: 288px;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.b-sidebar {
|
|
7
|
-
top: $rb-doc-template-field-sidebar-top;
|
|
8
|
-
padding-bottom: $rb-doc-template-field-sidebar-top;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.rb-sidebar-close-btn {
|
|
12
|
-
opacity: 0.5;
|
|
13
|
-
position: absolute;
|
|
14
|
-
left: $rb-doc-template-field-sidebar-close-button-left;
|
|
15
|
-
border-radius: 0;
|
|
16
|
-
padding-left: 4px;
|
|
17
|
-
padding-right: 4px;
|
|
18
|
-
font-size: 16px;
|
|
19
|
-
|
|
20
|
-
.rb-icon {
|
|
21
|
-
font-size: 24px;
|
|
22
|
-
line-height: 24px;
|
|
23
|
-
vertical-align: middle;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
form {
|
|
28
|
-
padding: 10px 16px;
|
|
29
|
-
|
|
30
|
-
.rb-form-section {
|
|
31
|
-
margin-bottom: 20px;
|
|
32
|
-
|
|
33
|
-
& > .rb-title {
|
|
34
|
-
font-size: $rb-doc-template-field-sidebar-font-size-lg;
|
|
35
|
-
font-weight: bold;
|
|
36
|
-
margin-bottom: 10px;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
h4 {
|
|
42
|
-
margin-bottom: 0;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.form-group.rb-immutable .rb-text {
|
|
46
|
-
font-size: $rb-doc-template-field-sidebar-font-size-lg;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.custom-checkbox {
|
|
50
|
-
margin-bottom: 12px;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
1
|
+
.rb-doc-template-field-sidebar {
|
|
2
|
+
.dropdown-menu.show {
|
|
3
|
+
max-width: 288px;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.b-sidebar {
|
|
7
|
+
top: $rb-doc-template-field-sidebar-top;
|
|
8
|
+
padding-bottom: $rb-doc-template-field-sidebar-top;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.rb-sidebar-close-btn {
|
|
12
|
+
opacity: 0.5;
|
|
13
|
+
position: absolute;
|
|
14
|
+
left: $rb-doc-template-field-sidebar-close-button-left;
|
|
15
|
+
border-radius: 0;
|
|
16
|
+
padding-left: 4px;
|
|
17
|
+
padding-right: 4px;
|
|
18
|
+
font-size: 16px;
|
|
19
|
+
|
|
20
|
+
.rb-icon {
|
|
21
|
+
font-size: 24px;
|
|
22
|
+
line-height: 24px;
|
|
23
|
+
vertical-align: middle;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
form {
|
|
28
|
+
padding: 10px 16px;
|
|
29
|
+
|
|
30
|
+
.rb-form-section {
|
|
31
|
+
margin-bottom: 20px;
|
|
32
|
+
|
|
33
|
+
& > .rb-title {
|
|
34
|
+
font-size: $rb-doc-template-field-sidebar-font-size-lg;
|
|
35
|
+
font-weight: bold;
|
|
36
|
+
margin-bottom: 10px;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
h4 {
|
|
42
|
+
margin-bottom: 0;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.form-group.rb-immutable .rb-text {
|
|
46
|
+
font-size: $rb-doc-template-field-sidebar-font-size-lg;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.custom-checkbox {
|
|
50
|
+
margin-bottom: 12px;
|
|
51
|
+
}
|
|
52
|
+
}
|