ru.coon 2.7.44 → 2.7.46
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/.gitattributes +1 -1
- package/.husky/pre-commit +4 -4
- package/.lintstagedrc.json +2 -2
- package/CHANGELOG.md +13 -0
- package/Readme.md +24 -24
- package/TODO.md +7 -7
- package/doc/changelog.md +118 -118
- package/doc/shortcuts.md +5 -5
- package/jsdoc.config.json +29 -29
- package/package.json +78 -78
- package/sass/src/common/plugin/form/PeriodPicker.scss +8 -8
- package/src/Function.scss +4 -4
- package/src/app/viewPort/Main.scss +133 -133
- package/src/command/Readme.md +4 -4
- package/src/common/component/ColorPalette.scss +102 -102
- package/src/common/component/ExternalFrame.scss +8 -8
- package/src/common/component/HotkeyHelpText.scss +34 -34
- package/src/common/component/TreeComponentStructure.scss +5 -5
- package/src/common/component/editor/CharacteristicGridEditor.scss +66 -66
- package/src/common/component/editor/EditorFactory.js +65 -60
- package/src/common/component/editor/TypedCharacteristicEditor.scss +7 -7
- package/src/common/component/formeditor/UiCustomFilterForm.scss +7 -7
- package/src/common/component/formeditor/UiCustomFormEditor.scss +42 -42
- package/src/common/component/visualeditor/UiCPVisualEditor.scss +108 -108
- package/src/common/field/EditorJs.scss +41 -41
- package/src/common/field/FieldsHelper.js +0 -0
- package/src/common/field/ReportValueField.scss +2 -2
- package/src/common/field/combo/CommandComboBox.scss +19 -19
- package/src/common/panel/DayPicker.scss +15 -15
- package/src/common/panel/MainUploadPanel.js +5 -1
- package/src/common/panel/MainUploadPanel.scss +13 -13
- package/src/common/panel/SelectIconClassPanel.scss +38 -38
- package/src/common/panel/SelectIconClassPanelTemplate.scss +14 -14
- package/src/common/panel/WindowWrap.js +0 -0
- package/src/common/panel/WindowWrap.scss +8 -8
- package/src/common/panel/dropzone/UniversalMultiUploadForm.scss +29 -29
- package/src/common/panel/dropzone/UploadDropZone.scss +36 -36
- package/src/common/panel/widget/WidgetPanel.scss +157 -157
- package/src/info.scss +12 -12
- package/src/nav/AppNavTab.scss +20 -20
- package/src/nav/AppNavigationBar.scss +9 -9
- package/src/nav/AppNavigationMenu.scss +60 -60
- package/src/nav/AppNavigationToggleButton.scss +6 -6
- package/src/nav/editor/menu/NavMenuTreeView.scss +104 -104
- package/src/nav/editor/workspace/NavWorkspaceListView.scss +35 -35
- package/src/nav/menu/NavMenuPanel.scss +11 -11
- package/src/nav/menu/WorkspaceMenuView.scss +218 -218
- package/src/nav/windowHolderTab.scss +13 -13
- package/src/report/column/MultiFilesColumn.scss +8 -8
- package/src/report/component/BoundListPagingToolbar.scss +7 -7
- package/src/report/component/ErrorWindow.scss +15 -15
- package/src/report/component/ParameterizedReportCombo.scss +85 -85
- package/src/report/component/ReportPanel.scss +69 -69
- package/src/report/component/SimpleReportTag.scss +22 -22
- package/src/report/component/reportpanel/CopyReportPanel.scss +14 -14
- package/src/report/component/reportpanel/FilterPanel.scss +16 -16
- package/src/report/component/reportpanel/FilterPanelLegend.scss +23 -23
- package/src/report/component/reportpanel/NorthPanel.scss +18 -18
- package/src/report/component/reportpanel/ReportGrid.scss +37 -37
- package/src/report/component/settings/ReportFormEditPanel.scss +87 -87
- package/src/report/component/settings/ReportPropertiesGrid.scss +25 -25
- package/src/report/component/settings/field/ReportFormFieldsGrid.scss +5 -5
- package/src/report/component/settings/property/ReportPropertiesPanel.scss +12 -12
- package/src/report/plugin/SettingsManagerPlugin/view/SMPMainView.scss +3 -3
- package/src/report/plugin/configPanel/AddFilterConditionPluginConfigPanel.scss +53 -53
- package/src/report/plugin/configPanel/ExecuteCommandButtonPluginConfigPanel.scss +5 -5
- package/src/report/plugin/configPanel/GroupRowsPluginConfigPanel.scss +3 -3
- package/src/report/plugin/configPanel/UiAceEditorField.scss +20 -20
- package/src/report/plugin/configPanel/common/pluginDescriptionLabel.scss +8 -8
- package/src/report/plugin/grid/CopyRowsFromGrid.js +1 -1
- package/src/report/plugin/grid/GridRowStylePlugin.scss +56 -56
- package/src/report/plugin/grid/ReportTabContainerPlugin.scss +3 -3
- package/src/report/plugin/grid/ToggleColumnsPlugin.scss +7 -7
- package/src/report/plugin/grid/ToolbarButtonPlugin.scss +3 -3
- package/src/research/ResearchTreeView.scss +19 -19
- package/src/ringBuffer.js +36 -0
- package/src/security/component/RoleFileUploadForm.scss +4 -4
- package/src/security/component/ui/UiCPRestrictionEditor.scss +4 -4
- package/src/security/securitySettingComponent/RoleEditPanel.scss +16 -16
- package/src/uielement/component/MenuItemList.scss +35 -35
- package/src/uielement/component/UiCustomController.js +20 -2
- package/src/uielement/component/UiCustomPanel.js +19 -1
- package/src/uielement/component/UiCustomPanelTraceWindow.js +50 -0
- package/src/uielement/component/formchips/FilterConditionToolbar.scss +74 -74
- package/src/uielement/component/settings/UiCustomPanelEditor.scss +9 -9
- package/src/uielement/component/settings/config/UiCPConfigPanelController.scss +24 -24
- package/src/uielement/component/settings/plugin/UiCustomPanelPluginGrid.scss +11 -11
- package/src/uielement/component/settings/plugin/UiCustomPanelPluginPanel.scss +30 -30
- package/src/uielement/component/settings/version/UiCPVersionPanel.scss +15 -15
- package/src/uielement/plugin/AddBindingsPlugin.js +4 -1
- package/src/uielement/plugin/AddDoInitSupportPlugin.js +4 -1
- package/src/uielement/plugin/CustomPanelPlugin.js +41 -3
- package/src/uielement/plugin/ExecuteCommandPlugin.js +4 -1
- package/src/uielement/plugin/ExecuteFunctionPlugin.js +10 -3
- package/src/uielement/plugin/FireEventPlugin.js +4 -1
- package/src/uielement/plugin/MethodChainPlugin.js +4 -1
- package/src/uielement/plugin/OpenPanelPlugin.js +4 -1
- package/src/uielement/plugin/PrintPdfPlugin.js +4 -1
- package/src/uielement/plugin/configPanel/AddBindingsPluginConfigPanelFormEditor.scss +29 -29
- package/src/uielement/plugin/configPanel/executeCommand/ExecuteCommandPluginConfigPanelFormEditor.scss +22 -22
- package/src/util.js +24 -3
- package/src/version.js +1 -1
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
.tc-table__color-palette, .tc-table__option_table {
|
|
2
|
-
z-index: 9999999 !important;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.codex-editor__redactor {
|
|
6
|
-
padding-bottom: 50px !important;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.EditorJs {
|
|
10
|
-
.ce-block {
|
|
11
|
-
max-width: 650px;
|
|
12
|
-
border: 1px solid #dddddd;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.codex-editor__redactor {
|
|
16
|
-
padding-bottom: 50px !important;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.ce-block__content {
|
|
20
|
-
margin: 5px 0 0 50px;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.ce-toolbar__content {
|
|
24
|
-
margin: 0;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.ce-toolbar__actions {
|
|
28
|
-
left: 0;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.tc-editor {
|
|
32
|
-
padding: 0 10px 10px 10px;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.tc-table__container {
|
|
36
|
-
padding: 40px 2px 16px 40px;
|
|
37
|
-
}
|
|
38
|
-
.codex-editor--narrow .ce-toolbox .ce-popover{
|
|
39
|
-
left: 0;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
1
|
+
.tc-table__color-palette, .tc-table__option_table {
|
|
2
|
+
z-index: 9999999 !important;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.codex-editor__redactor {
|
|
6
|
+
padding-bottom: 50px !important;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.EditorJs {
|
|
10
|
+
.ce-block {
|
|
11
|
+
max-width: 650px;
|
|
12
|
+
border: 1px solid #dddddd;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.codex-editor__redactor {
|
|
16
|
+
padding-bottom: 50px !important;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.ce-block__content {
|
|
20
|
+
margin: 5px 0 0 50px;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.ce-toolbar__content {
|
|
24
|
+
margin: 0;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.ce-toolbar__actions {
|
|
28
|
+
left: 0;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.tc-editor {
|
|
32
|
+
padding: 0 10px 10px 10px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.tc-table__container {
|
|
36
|
+
padding: 40px 2px 16px 40px;
|
|
37
|
+
}
|
|
38
|
+
.codex-editor--narrow .ce-toolbox .ce-popover{
|
|
39
|
+
left: 0;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
File without changes
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.x-form-trigger-default.closeicon{
|
|
2
|
-
background-color: white;
|
|
1
|
+
.x-form-trigger-default.closeicon{
|
|
2
|
+
background-color: white;
|
|
3
3
|
}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
.CommandComboBox {
|
|
2
|
-
$error-backgound-color: #ebd5d4;
|
|
3
|
-
&.x-form-invalid {
|
|
4
|
-
background-color: $error-backgound-color;
|
|
5
|
-
border-radius: 8px 0px 0px 8px;
|
|
6
|
-
.x-form-item-label-text {
|
|
7
|
-
text-decoration: underline;
|
|
8
|
-
color: red;
|
|
9
|
-
font-weight: bold;
|
|
10
|
-
}
|
|
11
|
-
.x-form-text-field-body-default {
|
|
12
|
-
background-color: transparent;
|
|
13
|
-
}
|
|
14
|
-
input {
|
|
15
|
-
background-color: $error-backgound-color;
|
|
16
|
-
border-color: $error-backgound-color;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
1
|
+
.CommandComboBox {
|
|
2
|
+
$error-backgound-color: #ebd5d4;
|
|
3
|
+
&.x-form-invalid {
|
|
4
|
+
background-color: $error-backgound-color;
|
|
5
|
+
border-radius: 8px 0px 0px 8px;
|
|
6
|
+
.x-form-item-label-text {
|
|
7
|
+
text-decoration: underline;
|
|
8
|
+
color: red;
|
|
9
|
+
font-weight: bold;
|
|
10
|
+
}
|
|
11
|
+
.x-form-text-field-body-default {
|
|
12
|
+
background-color: transparent;
|
|
13
|
+
}
|
|
14
|
+
input {
|
|
15
|
+
background-color: $error-backgound-color;
|
|
16
|
+
border-color: $error-backgound-color;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
.highlighted .x-datepicker-date,
|
|
2
|
-
.x-datepicker-selected.highlighted .x-datepicker-date {
|
|
3
|
-
color: orange;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.highlighted:hover .x-datepicker-date, {
|
|
7
|
-
border-radius: 50%;
|
|
8
|
-
background-color: #D7E0E4;
|
|
9
|
-
color: orange;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.x-datepicker-date {
|
|
13
|
-
padding: 0 15px 0 13px;
|
|
14
|
-
}
|
|
15
|
-
|
|
1
|
+
.highlighted .x-datepicker-date,
|
|
2
|
+
.x-datepicker-selected.highlighted .x-datepicker-date {
|
|
3
|
+
color: orange;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.highlighted:hover .x-datepicker-date, {
|
|
7
|
+
border-radius: 50%;
|
|
8
|
+
background-color: #D7E0E4;
|
|
9
|
+
color: orange;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.x-datepicker-date {
|
|
13
|
+
padding: 0 15px 0 13px;
|
|
14
|
+
}
|
|
15
|
+
|
|
@@ -28,7 +28,11 @@ Ext.define('Coon.common.panel.MainUploadPanel', {
|
|
|
28
28
|
alias: 'widget.MainUploadPanel',
|
|
29
29
|
uses: [],
|
|
30
30
|
requires: [
|
|
31
|
-
'Coon.Function'
|
|
31
|
+
'Coon.Function',
|
|
32
|
+
'Coon.log',
|
|
33
|
+
'Coon.MessageResources',
|
|
34
|
+
'Coon.common.panel.ExtFileUploadField',
|
|
35
|
+
'Coon.common.component.Auth'
|
|
32
36
|
],
|
|
33
37
|
alternateClassName: 'Sigma.common.panels.MainUploadPanel',
|
|
34
38
|
bodyStyle: 'padding:5px',
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
.MainUploadPanel {
|
|
2
|
-
.x-btn-icon-el-blue-text-button-small.svg-icon {
|
|
3
|
-
width: 28px;
|
|
4
|
-
height: 28px;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.x-form-trigger {
|
|
8
|
-
padding: 0;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.x-toolbar-footer{
|
|
12
|
-
background-color: white;
|
|
13
|
-
}
|
|
1
|
+
.MainUploadPanel {
|
|
2
|
+
.x-btn-icon-el-blue-text-button-small.svg-icon {
|
|
3
|
+
width: 28px;
|
|
4
|
+
height: 28px;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.x-form-trigger {
|
|
8
|
+
padding: 0;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.x-toolbar-footer{
|
|
12
|
+
background-color: white;
|
|
13
|
+
}
|
|
14
14
|
}
|
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
.SelectIconClassPanel {
|
|
2
|
-
.x-btn-default-small {
|
|
3
|
-
background-color: transparent;
|
|
4
|
-
padding: 2px;
|
|
5
|
-
border-color: lightgray;
|
|
6
|
-
}
|
|
7
|
-
.x-btn-icon-el-default-small {
|
|
8
|
-
display: flex;
|
|
9
|
-
align-items: center;
|
|
10
|
-
|
|
11
|
-
justify-content: center;
|
|
12
|
-
min-height: 26px;
|
|
13
|
-
min-width: 26px;
|
|
14
|
-
}
|
|
15
|
-
.svg-icon {
|
|
16
|
-
background-color: $base-color;
|
|
17
|
-
}
|
|
18
|
-
.x-table-layout {
|
|
19
|
-
padding-left: 16px;
|
|
20
|
-
}
|
|
21
|
-
.x-autocontainer-innerCt {
|
|
22
|
-
display: grid;
|
|
23
|
-
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
24
|
-
gap: 12px;
|
|
25
|
-
grid-auto-rows: min-content;
|
|
26
|
-
}
|
|
27
|
-
.icon-pack-grid-btn {
|
|
28
|
-
.x-btn-button-default-small {
|
|
29
|
-
display: grid;
|
|
30
|
-
grid-template-columns: 24px 1fr 24px;
|
|
31
|
-
align-items: center;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
.icon-pack-search {
|
|
35
|
-
display: flex;
|
|
36
|
-
align-items: center;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
1
|
+
.SelectIconClassPanel {
|
|
2
|
+
.x-btn-default-small {
|
|
3
|
+
background-color: transparent;
|
|
4
|
+
padding: 2px;
|
|
5
|
+
border-color: lightgray;
|
|
6
|
+
}
|
|
7
|
+
.x-btn-icon-el-default-small {
|
|
8
|
+
display: flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
|
|
11
|
+
justify-content: center;
|
|
12
|
+
min-height: 26px;
|
|
13
|
+
min-width: 26px;
|
|
14
|
+
}
|
|
15
|
+
.svg-icon {
|
|
16
|
+
background-color: $base-color;
|
|
17
|
+
}
|
|
18
|
+
.x-table-layout {
|
|
19
|
+
padding-left: 16px;
|
|
20
|
+
}
|
|
21
|
+
.x-autocontainer-innerCt {
|
|
22
|
+
display: grid;
|
|
23
|
+
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
24
|
+
gap: 12px;
|
|
25
|
+
grid-auto-rows: min-content;
|
|
26
|
+
}
|
|
27
|
+
.icon-pack-grid-btn {
|
|
28
|
+
.x-btn-button-default-small {
|
|
29
|
+
display: grid;
|
|
30
|
+
grid-template-columns: 24px 1fr 24px;
|
|
31
|
+
align-items: center;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
.icon-pack-search {
|
|
35
|
+
display: flex;
|
|
36
|
+
align-items: center;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
.SelectIconClassPanelTemplate {
|
|
2
|
-
.coon-icon-message {
|
|
3
|
-
.x-form-display-field.x-form-display-field-default {
|
|
4
|
-
font-size: 22px;
|
|
5
|
-
width: 90%;
|
|
6
|
-
line-height: 1.2;
|
|
7
|
-
margin: 24px;
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.x-autocontainer-innerCt:has(.coon-icon-message) {
|
|
12
|
-
display: block,
|
|
13
|
-
}
|
|
14
|
-
}
|
|
1
|
+
.SelectIconClassPanelTemplate {
|
|
2
|
+
.coon-icon-message {
|
|
3
|
+
.x-form-display-field.x-form-display-field-default {
|
|
4
|
+
font-size: 22px;
|
|
5
|
+
width: 90%;
|
|
6
|
+
line-height: 1.2;
|
|
7
|
+
margin: 24px;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.x-autocontainer-innerCt:has(.coon-icon-message) {
|
|
12
|
+
display: block,
|
|
13
|
+
}
|
|
14
|
+
}
|
|
File without changes
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
.window-wrap {
|
|
2
|
-
|
|
3
|
-
&.coon-mobile {
|
|
4
|
-
.x-title-text {
|
|
5
|
-
white-space: normal;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
|
|
1
|
+
.window-wrap {
|
|
2
|
+
|
|
3
|
+
&.coon-mobile {
|
|
4
|
+
.x-title-text {
|
|
5
|
+
white-space: normal;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
|
|
9
9
|
}
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
.overItemCls {
|
|
2
|
-
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5)
|
|
3
|
-
}
|
|
4
|
-
.universalmultiuploadform {
|
|
5
|
-
.files-container {
|
|
6
|
-
width: 100%;
|
|
7
|
-
height: 100%;
|
|
8
|
-
border: 1px dashed lightgray;
|
|
9
|
-
display: flex;
|
|
10
|
-
padding: 2px;
|
|
11
|
-
flex-wrap: wrap;
|
|
12
|
-
align-content: flex-start;
|
|
13
|
-
.file-name-container {
|
|
14
|
-
width: 100%;
|
|
15
|
-
font-size: 10px;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.file-item {
|
|
20
|
-
display: flex;
|
|
21
|
-
width: 100px;
|
|
22
|
-
height: 100px;
|
|
23
|
-
padding: 5px;
|
|
24
|
-
flex-direction: column;
|
|
25
|
-
justify-content: flex-start;
|
|
26
|
-
align-items: center;
|
|
27
|
-
overflow: hidden;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
1
|
+
.overItemCls {
|
|
2
|
+
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5)
|
|
3
|
+
}
|
|
4
|
+
.universalmultiuploadform {
|
|
5
|
+
.files-container {
|
|
6
|
+
width: 100%;
|
|
7
|
+
height: 100%;
|
|
8
|
+
border: 1px dashed lightgray;
|
|
9
|
+
display: flex;
|
|
10
|
+
padding: 2px;
|
|
11
|
+
flex-wrap: wrap;
|
|
12
|
+
align-content: flex-start;
|
|
13
|
+
.file-name-container {
|
|
14
|
+
width: 100%;
|
|
15
|
+
font-size: 10px;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.file-item {
|
|
20
|
+
display: flex;
|
|
21
|
+
width: 100px;
|
|
22
|
+
height: 100px;
|
|
23
|
+
padding: 5px;
|
|
24
|
+
flex-direction: column;
|
|
25
|
+
justify-content: flex-start;
|
|
26
|
+
align-items: center;
|
|
27
|
+
overflow: hidden;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
$dropzone-background: #f9f9fb;
|
|
2
|
-
|
|
3
|
-
.drop-zone-dragover div.drop-zone-container {
|
|
4
|
-
border: 1px dotted red;
|
|
5
|
-
background-color: lightgreen !important;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.drop-zone-container {
|
|
9
|
-
width: 100%;
|
|
10
|
-
height: 100px;
|
|
11
|
-
background: $dropzone-background;
|
|
12
|
-
cursor: pointer;
|
|
13
|
-
display: flex;
|
|
14
|
-
|
|
15
|
-
.drop-zone {
|
|
16
|
-
border: 1px dotted black;
|
|
17
|
-
display: flex;
|
|
18
|
-
flex-grow: 1;
|
|
19
|
-
align-items: center;
|
|
20
|
-
justify-content: center;
|
|
21
|
-
.icon-upload {
|
|
22
|
-
font-size:40px;
|
|
23
|
-
margin-right: 20px
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
.file-input {
|
|
27
|
-
position: absolute;
|
|
28
|
-
width: 100%;
|
|
29
|
-
height: 100%;
|
|
30
|
-
top: 0;
|
|
31
|
-
left: 0;
|
|
32
|
-
opacity: 0;
|
|
33
|
-
cursor: pointer;
|
|
34
|
-
visibility: revert;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
1
|
+
$dropzone-background: #f9f9fb;
|
|
2
|
+
|
|
3
|
+
.drop-zone-dragover div.drop-zone-container {
|
|
4
|
+
border: 1px dotted red;
|
|
5
|
+
background-color: lightgreen !important;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.drop-zone-container {
|
|
9
|
+
width: 100%;
|
|
10
|
+
height: 100px;
|
|
11
|
+
background: $dropzone-background;
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
display: flex;
|
|
14
|
+
|
|
15
|
+
.drop-zone {
|
|
16
|
+
border: 1px dotted black;
|
|
17
|
+
display: flex;
|
|
18
|
+
flex-grow: 1;
|
|
19
|
+
align-items: center;
|
|
20
|
+
justify-content: center;
|
|
21
|
+
.icon-upload {
|
|
22
|
+
font-size:40px;
|
|
23
|
+
margin-right: 20px
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
.file-input {
|
|
27
|
+
position: absolute;
|
|
28
|
+
width: 100%;
|
|
29
|
+
height: 100%;
|
|
30
|
+
top: 0;
|
|
31
|
+
left: 0;
|
|
32
|
+
opacity: 0;
|
|
33
|
+
cursor: pointer;
|
|
34
|
+
visibility: revert;
|
|
35
|
+
}
|
|
36
|
+
}
|