@colijnit/sharedcomponents 300.1.15 → 300.1.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/fesm2022/colijnit-sharedcomponents.mjs +291 -156
- package/fesm2022/colijnit-sharedcomponents.mjs.map +1 -1
- package/index.d.ts +18 -6
- package/lib/components/stock/style/_layout.scss +27 -21
- package/lib/components/stock/style/_material-definition.scss +8 -4
- package/lib/components/tab-bar/style/_layout.scss +22 -15
- package/lib/components/tab-bar/style/_material-definition.scss +4 -2
- package/lib/components/timeline/style/_layout.scss +1 -0
- package/lib/components/timeline/style/_material-definition.scss +1 -0
- package/lib/style/_variables.scss +1 -0
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -538,6 +538,12 @@ declare class StockModuleScreenConfigService extends BaseModuleScreenConfigServi
|
|
|
538
538
|
static ɵprov: i0.ɵɵInjectableDeclaration<StockModuleScreenConfigService>;
|
|
539
539
|
}
|
|
540
540
|
|
|
541
|
+
declare class ExternalStockInfo {
|
|
542
|
+
supplierNr: number;
|
|
543
|
+
supplierName: string;
|
|
544
|
+
availableStock: number;
|
|
545
|
+
}
|
|
546
|
+
|
|
541
547
|
declare class StockComponent implements OnDestroy, OnInit {
|
|
542
548
|
iconCacheService: IconCacheService;
|
|
543
549
|
private _stockService;
|
|
@@ -553,6 +559,7 @@ declare class StockComponent implements OnDestroy, OnInit {
|
|
|
553
559
|
branchNr: number;
|
|
554
560
|
articleWarehouse: any[];
|
|
555
561
|
allWarehouses: any[];
|
|
562
|
+
articleExternalStockInformation: ExternalStockInfo[];
|
|
556
563
|
readonly okButtonClicked: EventEmitter<any>;
|
|
557
564
|
readonly cancelButtonClicked: EventEmitter<any>;
|
|
558
565
|
handleClick: EventEmitter<any>;
|
|
@@ -594,7 +601,7 @@ declare class StockComponent implements OnDestroy, OnInit {
|
|
|
594
601
|
private _resetStockInformation;
|
|
595
602
|
loadData(): void;
|
|
596
603
|
static ɵfac: i0.ɵɵFactoryDeclaration<StockComponent, never>;
|
|
597
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<StockComponent, "co-stock", never, { "userWarehouseNr": { "alias": "userWarehouseNr"; "required": false; }; "article": { "alias": "article"; "required": false; }; "branchNr": { "alias": "branchNr"; "required": false; }; "articleWarehouse": { "alias": "articleWarehouse"; "required": false; }; "allWarehouses": { "alias": "allWarehouses"; "required": false; }; }, { "handleStickerClicked": "handleStickerClicked"; "okButtonClicked": "okButtonClicked"; "cancelButtonClicked": "cancelButtonClicked"; "handleClick": "handleClick"; "handlePurchaseOrderClick": "handlePurchaseOrderClick"; "handleSalesOrderClick": "handleSalesOrderClick"; }, never, never, false, never>;
|
|
604
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<StockComponent, "co-stock", never, { "userWarehouseNr": { "alias": "userWarehouseNr"; "required": false; }; "article": { "alias": "article"; "required": false; }; "branchNr": { "alias": "branchNr"; "required": false; }; "articleWarehouse": { "alias": "articleWarehouse"; "required": false; }; "allWarehouses": { "alias": "allWarehouses"; "required": false; }; "articleExternalStockInformation": { "alias": "articleExternalStockInformation"; "required": false; }; }, { "handleStickerClicked": "handleStickerClicked"; "okButtonClicked": "okButtonClicked"; "cancelButtonClicked": "cancelButtonClicked"; "handleClick": "handleClick"; "handlePurchaseOrderClick": "handlePurchaseOrderClick"; "handleSalesOrderClick": "handleSalesOrderClick"; }, never, never, false, never>;
|
|
598
605
|
}
|
|
599
606
|
|
|
600
607
|
declare class StockInformationComponent {
|
|
@@ -756,10 +763,12 @@ declare class StockTabComponent {
|
|
|
756
763
|
readonly sharedCfgName: typeof SharedCfgName;
|
|
757
764
|
readonly SimpleGridColumnTemplateType: typeof SimpleGridColumnTemplateType;
|
|
758
765
|
articleStockInformation: ArticleStock$1[];
|
|
766
|
+
articleExternalStockInformation: ExternalStockInfo[];
|
|
767
|
+
showExternalStock: boolean;
|
|
759
768
|
locationClicked: EventEmitter<string>;
|
|
760
769
|
onLocationClick(data: any): void;
|
|
761
770
|
static ɵfac: i0.ɵɵFactoryDeclaration<StockTabComponent, never>;
|
|
762
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<StockTabComponent, "co-stock-tab", never, { "articleStockInformation": { "alias": "articleStockInformation"; "required": false; }; }, { "locationClicked": "locationClicked"; }, never, never, false, never>;
|
|
771
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<StockTabComponent, "co-stock-tab", never, { "articleStockInformation": { "alias": "articleStockInformation"; "required": false; }; "articleExternalStockInformation": { "alias": "articleExternalStockInformation"; "required": false; }; }, { "locationClicked": "locationClicked"; }, never, never, false, never>;
|
|
763
772
|
}
|
|
764
773
|
|
|
765
774
|
declare abstract class BaseStockComponent implements OnInit {
|
|
@@ -819,6 +828,7 @@ declare class StockTabsComponent implements OnInit {
|
|
|
819
828
|
private _changeDetector;
|
|
820
829
|
private _stockScreenConfigService;
|
|
821
830
|
readonly icons: typeof Icon;
|
|
831
|
+
articleExternalStockInformation: ExternalStockInfo[];
|
|
822
832
|
stockInformation: ArticleStock$1[];
|
|
823
833
|
article: ArticleExtended;
|
|
824
834
|
articleFlat: ArticleFlat;
|
|
@@ -838,7 +848,7 @@ declare class StockTabsComponent implements OnInit {
|
|
|
838
848
|
getStockData(warehouse: StockManagementWarehouses): void;
|
|
839
849
|
wareHouseForCode(code: number): StockManagementWarehouses;
|
|
840
850
|
static ɵfac: i0.ɵɵFactoryDeclaration<StockTabsComponent, never>;
|
|
841
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<StockTabsComponent, "co-stock-tabs", never, { "stockInformation": { "alias": "stockInformation"; "required": false; }; "article": { "alias": "article"; "required": false; }; "articleFlat": { "alias": "articleFlat"; "required": false; }; "warehouses": { "alias": "warehouses"; "required": false; }; "userWarehouseNr": { "alias": "userWarehouseNr"; "required": false; }; }, { "transferIconClicked": "transferIconClicked"; "sendMethodDialogClicked": "sendMethodDialogClicked"; "handleSalesOrderClick": "handleSalesOrderClick"; "handlePurchaseOrderClick": "handlePurchaseOrderClick"; }, never, never, false, never>;
|
|
851
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<StockTabsComponent, "co-stock-tabs", never, { "articleExternalStockInformation": { "alias": "articleExternalStockInformation"; "required": false; }; "stockInformation": { "alias": "stockInformation"; "required": false; }; "article": { "alias": "article"; "required": false; }; "articleFlat": { "alias": "articleFlat"; "required": false; }; "warehouses": { "alias": "warehouses"; "required": false; }; "userWarehouseNr": { "alias": "userWarehouseNr"; "required": false; }; }, { "transferIconClicked": "transferIconClicked"; "sendMethodDialogClicked": "sendMethodDialogClicked"; "handleSalesOrderClick": "handleSalesOrderClick"; "handlePurchaseOrderClick": "handlePurchaseOrderClick"; }, never, never, false, never>;
|
|
842
852
|
}
|
|
843
853
|
|
|
844
854
|
declare class StockHistoryTabsComponent {
|
|
@@ -1035,7 +1045,7 @@ declare class StockLocationPopupComponent implements OnInit {
|
|
|
1035
1045
|
amountInStockChanged(data: any): void;
|
|
1036
1046
|
handleOkClick(): Promise<void>;
|
|
1037
1047
|
togglePopup(): void;
|
|
1038
|
-
locationForNumber(number: string):
|
|
1048
|
+
locationForNumber(number: string): "" | StockLocation;
|
|
1039
1049
|
locationChanged(event: StockLocation): void;
|
|
1040
1050
|
handleStockChange(): void;
|
|
1041
1051
|
handleSelectedStockState(event: StockStatus): void;
|
|
@@ -1796,7 +1806,7 @@ declare class StockTransferPrintStickerModule {
|
|
|
1796
1806
|
|
|
1797
1807
|
declare class StockModule {
|
|
1798
1808
|
static ɵfac: i0.ɵɵFactoryDeclaration<StockModule, never>;
|
|
1799
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<StockModule, [typeof StockComponent, typeof StockInformationComponent, typeof StockInformationGridComponent, typeof StockTransferComponent, typeof StockChangeAmountComponent, typeof StockTabComponent, typeof OrderTabComponent, typeof StockTabsComponent, typeof StockHistoryTabsComponent, typeof OrderStockTabComponent, typeof StockLocationComponent, typeof StockHistoryComponent, typeof OrderSupplyStockHistoryComponent, typeof OrderCommissionStockHistoryComponent, typeof OrderStockHistoryComponent, typeof AllocationStockHistoryComponent, typeof StockPrognoseComponent, typeof StockLocationPopupComponent, typeof StockTransferAllocatedComponent], [typeof i3.ButtonModule, typeof i2.CommonModule, typeof i3.InputRadioButtonModule, typeof i3.SimpleGridModule, typeof i3.ImageModule, typeof i3.InputTextModule, typeof SendMethodDialogModule, typeof i3.IconModule, typeof i3.InputNumberPickerModule, typeof i3.CoDialogWizardModule, typeof i3.InputTextareaModule, typeof TabBarModule, typeof i3.CoDialogModule, typeof StatusbarModule, typeof StockStatusbarModule, typeof i3.ListOfValuesModule, typeof SharedComponentsTranslationModule, typeof i3.PopupModule, typeof i3.InputDatePickerModule, typeof i3.ScreenConfigurationModule, typeof StockPrintStickerModule, typeof StockTransferPrintStickerModule], [typeof StockComponent]>;
|
|
1809
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<StockModule, [typeof StockComponent, typeof StockInformationComponent, typeof StockInformationGridComponent, typeof StockTransferComponent, typeof StockChangeAmountComponent, typeof StockTabComponent, typeof OrderTabComponent, typeof StockTabsComponent, typeof StockHistoryTabsComponent, typeof OrderStockTabComponent, typeof StockLocationComponent, typeof StockHistoryComponent, typeof OrderSupplyStockHistoryComponent, typeof OrderCommissionStockHistoryComponent, typeof OrderStockHistoryComponent, typeof AllocationStockHistoryComponent, typeof StockPrognoseComponent, typeof StockLocationPopupComponent, typeof StockTransferAllocatedComponent], [typeof i3.ButtonModule, typeof i2.CommonModule, typeof i3.InputRadioButtonModule, typeof i3.SimpleGridModule, typeof i3.ImageModule, typeof i3.InputTextModule, typeof SendMethodDialogModule, typeof i3.IconModule, typeof i3.InputNumberPickerModule, typeof i3.CoDialogWizardModule, typeof i3.InputTextareaModule, typeof TabBarModule, typeof i3.CoDialogModule, typeof StatusbarModule, typeof StockStatusbarModule, typeof i3.ListOfValuesModule, typeof SharedComponentsTranslationModule, typeof i3.PopupModule, typeof i3.InputDatePickerModule, typeof i3.ScreenConfigurationModule, typeof StockPrintStickerModule, typeof StockTransferPrintStickerModule, typeof i3.InputCheckboxModule], [typeof StockComponent]>;
|
|
1800
1810
|
static ɵinj: i0.ɵɵInjectorDeclaration<StockModule>;
|
|
1801
1811
|
}
|
|
1802
1812
|
|
|
@@ -4794,6 +4804,7 @@ declare class RemarkActivityLeafComponent extends BaseActivityLeafComponent impl
|
|
|
4794
4804
|
constructor(fileTypeImgPipe: FileTypeImagePipe, iconCacheService: IconCacheService, _sharedService: SharedService, _cfgService: BaseModuleScreenConfigService);
|
|
4795
4805
|
ngOnInit(): Promise<void>;
|
|
4796
4806
|
handleViewOrEditClick(event: MouseEvent): void;
|
|
4807
|
+
get hasDocuments(): boolean;
|
|
4797
4808
|
static ɵfac: i0.ɵɵFactoryDeclaration<RemarkActivityLeafComponent, never>;
|
|
4798
4809
|
static ɵcmp: i0.ɵɵComponentDeclaration<RemarkActivityLeafComponent, "co-remark-activity-leaf", never, { "myCfgNames": { "alias": "myCfgNames"; "required": false; }; }, { "viewOrEditClick": "viewOrEditClick"; }, never, never, false, never>;
|
|
4799
4810
|
}
|
|
@@ -4834,6 +4845,7 @@ declare class WorkActivityLeafComponent extends BaseActivityLeafComponent {
|
|
|
4834
4845
|
showWorkedTime: boolean;
|
|
4835
4846
|
constructor(fileTypeImgPipe: FileTypeImagePipe, _sharedService: SharedService, _cfgService: BaseModuleScreenConfigService, iconCacheService: IconCacheService);
|
|
4836
4847
|
handleViewOrEditClick(event: MouseEvent): void;
|
|
4848
|
+
get hasDocuments(): boolean;
|
|
4837
4849
|
static ɵfac: i0.ɵɵFactoryDeclaration<WorkActivityLeafComponent, never>;
|
|
4838
4850
|
static ɵcmp: i0.ɵɵComponentDeclaration<WorkActivityLeafComponent, "co-work-activity-leaf", never, { "myCfgNames": { "alias": "myCfgNames"; "required": false; }; }, { "viewOrEditClick": "viewOrEditClick"; }, never, never, false, never>;
|
|
4839
4851
|
}
|
|
@@ -5433,5 +5445,5 @@ interface TreeViewNodeItemOptions {
|
|
|
5433
5445
|
leafConditionField: string;
|
|
5434
5446
|
}
|
|
5435
5447
|
|
|
5436
|
-
export { ActivityListComponent, ActivityListModule, ActivityTimelineComponent, ActivityTimelineModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, ComponentActivityListComponent, ComponentActivityListModule, DatePlanningComponent, DatePlanningModule, DateRange, Day, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, FingerPrintService, FormBuilderUserFormComponent, FormBuilderUserFormModule, GaugeColor$1 as GaugeColor, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, Month, NULL_AGENDA_EVENT, NULL_AGENDA_EVENT_PER_DAY, NULL_DAY, NULL_MONTH, NULL_WEEK, PreferredPlanningComponent, PreferredPlanningModule, RoleEmailSelectorComponent, RoleEmailSelectorModule, SearchPresetOverviewComponent, SearchPresetOverviewModule, SearchPresetsService, SendMethod, SendMethodDialogComponent, SendMethodDialogModule, SharedComponentsDictionaryService, SharedComponentsTranslationModule, SharedEventService, SharedLocalizePipe, SharedService, SharedSettings, SimpleTagsComponent, SimpleTagsFormComponent, SimpleTagsFormModule, SimpleTagsModule, StatusbarComponent, StatusbarModule, StatusbarPopupComponent, StockComponent, StockModule, TagTreeItem, TaskCreatorComponent, TaskCreatorModule, TimeWindow, TreeObject, TreeView, TreeViewNode, UserFormMode, Week, WeekStart, Weekday, WorkflowInfoTilesComponent, WorkflowInfoTilesModule, sendMethodsWithIcon };
|
|
5448
|
+
export { ActivityListComponent, ActivityListModule, ActivityTimelineComponent, ActivityTimelineModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, ComponentActivityListComponent, ComponentActivityListModule, DatePlanningComponent, DatePlanningModule, DateRange, Day, DocsignComponent, DocsignModule, ExternalStockInfo, FilesUploadComponent, FilesUploadModule, FingerPrintService, FormBuilderUserFormComponent, FormBuilderUserFormModule, GaugeColor$1 as GaugeColor, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, Month, NULL_AGENDA_EVENT, NULL_AGENDA_EVENT_PER_DAY, NULL_DAY, NULL_MONTH, NULL_WEEK, PreferredPlanningComponent, PreferredPlanningModule, RoleEmailSelectorComponent, RoleEmailSelectorModule, SearchPresetOverviewComponent, SearchPresetOverviewModule, SearchPresetsService, SendMethod, SendMethodDialogComponent, SendMethodDialogModule, SharedComponentsDictionaryService, SharedComponentsTranslationModule, SharedEventService, SharedLocalizePipe, SharedService, SharedSettings, SimpleTagsComponent, SimpleTagsFormComponent, SimpleTagsFormModule, SimpleTagsModule, StatusbarComponent, StatusbarModule, StatusbarPopupComponent, StockComponent, StockModule, TagTreeItem, TaskCreatorComponent, TaskCreatorModule, TimeWindow, TreeObject, TreeView, TreeViewNode, UserFormMode, Week, WeekStart, Weekday, WorkflowInfoTilesComponent, WorkflowInfoTilesModule, sendMethodsWithIcon };
|
|
5437
5449
|
export type { StatusbarData, TextDimension, TreeViewModel, TreeViewNodeItemOptions, TreeViewNodeModel };
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
display: flex;
|
|
33
33
|
gap: 5px;
|
|
34
34
|
position: absolute;
|
|
35
|
-
top: -
|
|
36
|
-
left:
|
|
35
|
+
top: -55px;
|
|
36
|
+
left: 225px;
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
|
|
@@ -120,7 +120,13 @@
|
|
|
120
120
|
height: $sc-stock-info-container-height;
|
|
121
121
|
position: relative;
|
|
122
122
|
}
|
|
123
|
-
|
|
123
|
+
co-stock-tabs {
|
|
124
|
+
padding: $sc-stock-tabs-padding;
|
|
125
|
+
background: $sc-stock-tabs-background;
|
|
126
|
+
display: flex;
|
|
127
|
+
flex-direction: column;
|
|
128
|
+
gap: $sc-stock-tabs-gap;
|
|
129
|
+
}
|
|
124
130
|
.stock-info {
|
|
125
131
|
margin: $sc-stock-info-margin;
|
|
126
132
|
padding: $sc-stock-info-padding;
|
|
@@ -134,6 +140,7 @@
|
|
|
134
140
|
|
|
135
141
|
.stock-info-row {
|
|
136
142
|
display: inline-flex;
|
|
143
|
+
min-width: $sc-stock-info-row-width;
|
|
137
144
|
}
|
|
138
145
|
|
|
139
146
|
.stock-info-row-image {
|
|
@@ -161,22 +168,12 @@
|
|
|
161
168
|
.stock-status {
|
|
162
169
|
display: grid;
|
|
163
170
|
position: relative;
|
|
171
|
+
gap: 5px;
|
|
164
172
|
}
|
|
165
173
|
|
|
166
|
-
.stock-info > div
|
|
167
|
-
padding: 0
|
|
174
|
+
.stock-info > div {
|
|
175
|
+
padding: 0 20px;
|
|
168
176
|
border-left: $sc-stock-border-left;
|
|
169
|
-
|
|
170
|
-
&:before {
|
|
171
|
-
content: '';
|
|
172
|
-
height: 30px;
|
|
173
|
-
width: 1px;
|
|
174
|
-
background: #DCE4EA;
|
|
175
|
-
position: absolute;
|
|
176
|
-
left: 0;
|
|
177
|
-
top: 50%;
|
|
178
|
-
transform: translateY(-50%);
|
|
179
|
-
}
|
|
180
177
|
}
|
|
181
178
|
|
|
182
179
|
.stock-line {
|
|
@@ -247,6 +244,9 @@
|
|
|
247
244
|
min-width: 190px;
|
|
248
245
|
|
|
249
246
|
.co-list-of-values {
|
|
247
|
+
&:before {
|
|
248
|
+
box-shadow: none;
|
|
249
|
+
}
|
|
250
250
|
.co-input-text {
|
|
251
251
|
height: 100%;
|
|
252
252
|
}
|
|
@@ -528,7 +528,7 @@
|
|
|
528
528
|
}
|
|
529
529
|
|
|
530
530
|
.simple-grid {
|
|
531
|
-
height: $sc-stock-grid-height;
|
|
531
|
+
max-height: $sc-stock-grid-height;
|
|
532
532
|
overflow: auto;
|
|
533
533
|
|
|
534
534
|
thead {
|
|
@@ -575,8 +575,10 @@
|
|
|
575
575
|
}
|
|
576
576
|
|
|
577
577
|
.stock-label {
|
|
578
|
-
font-size: $sc-font-size-
|
|
578
|
+
font-size: $sc-font-size-xs;
|
|
579
579
|
align-self: center;
|
|
580
|
+
color: #8083a3;
|
|
581
|
+
text-transform: uppercase;
|
|
580
582
|
}
|
|
581
583
|
|
|
582
584
|
.stock-span {
|
|
@@ -626,6 +628,7 @@
|
|
|
626
628
|
.simple-grid-column-header-wrapper {
|
|
627
629
|
.simple-grid-column-header-label {
|
|
628
630
|
font-size: 10px;
|
|
631
|
+
padding: 15px;
|
|
629
632
|
}
|
|
630
633
|
}
|
|
631
634
|
|
|
@@ -656,7 +659,6 @@
|
|
|
656
659
|
font-size: 10px;
|
|
657
660
|
|
|
658
661
|
&:nth-child(odd) {
|
|
659
|
-
background: #f8f8fa;
|
|
660
662
|
|
|
661
663
|
&:hover {
|
|
662
664
|
background: #d2e3f9;
|
|
@@ -679,9 +681,9 @@
|
|
|
679
681
|
}
|
|
680
682
|
|
|
681
683
|
.simple-grid-column-cell-field {
|
|
682
|
-
border-width: 1px;
|
|
684
|
+
border-width: 1px 0 0;
|
|
683
685
|
border-radius: 0;
|
|
684
|
-
padding: 5px
|
|
686
|
+
padding: 5px 15px;
|
|
685
687
|
border-color: #DCE4EA;
|
|
686
688
|
gap: 5px;
|
|
687
689
|
|
|
@@ -767,5 +769,9 @@
|
|
|
767
769
|
font-size: 11px;
|
|
768
770
|
top: -20px;
|
|
769
771
|
}
|
|
772
|
+
|
|
773
|
+
.show-external-stock {
|
|
774
|
+
margin: 20px 0;
|
|
775
|
+
}
|
|
770
776
|
}
|
|
771
777
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
$sc-stock-info-margin:
|
|
2
|
-
$sc-stock-info-padding: 15px 10px !default;
|
|
3
|
-
$sc-stock-info-border-width:
|
|
1
|
+
$sc-stock-info-margin: 0 !default;
|
|
2
|
+
$sc-stock-info-padding: 0 1px 15px 10px !default;
|
|
3
|
+
$sc-stock-info-border-width: 0 !default;
|
|
4
4
|
$sc-stock-info-border-color: #F4F4F9 !default;
|
|
5
5
|
$sc-stock-gap: 10px !default;
|
|
6
|
+
$sc-stock-info-row-width: 260px !default;
|
|
6
7
|
$sc-stock-border-left: none !default;
|
|
7
8
|
$sc-stock-line-margin: 10px 0 20px 0 !default;
|
|
8
9
|
$sc-stock-line-font-weight: bold !default;
|
|
@@ -17,7 +18,7 @@ $sc-stock-grid-margin: 0 0 0 0 !default;
|
|
|
17
18
|
$sc-stock-simple-grid-column-header-wrapper-border-bottom: 1px solid black !default;
|
|
18
19
|
$sc-stock-info-container-max-width: 100% !default;
|
|
19
20
|
$sc-stock-info-container-width: 100% !default;
|
|
20
|
-
$sc-stock-info-container-padding:
|
|
21
|
+
$sc-stock-info-container-padding: 0 0 0 0 !default;
|
|
21
22
|
$sc-stock-info-container-height: 100% !default;
|
|
22
23
|
$sc-stock-image-height: 50px !default;
|
|
23
24
|
$sc-stock-grid-height: 300px !default;
|
|
@@ -26,3 +27,6 @@ $sc-stock-info-width: 100% !default;
|
|
|
26
27
|
$sc-stock-info-gap: 30px !default;
|
|
27
28
|
$sc-stock-image-width: 20px !default;
|
|
28
29
|
$sc-stock-transfer-column-width: 100% !default;
|
|
30
|
+
$sc-stock-tabs-padding: 15px 30px !default;
|
|
31
|
+
$sc-stock-tabs-background: #F8F8Fa !default;
|
|
32
|
+
$sc-stock-tabs-gap: 20px !default;
|
|
@@ -6,9 +6,6 @@
|
|
|
6
6
|
font-size: $sc-font-size;
|
|
7
7
|
gap: $sc-tab-bar-gap;
|
|
8
8
|
padding: $sc-tab-bar-padding;
|
|
9
|
-
position: absolute;
|
|
10
|
-
top: 10px;
|
|
11
|
-
left: 0;
|
|
12
9
|
.co-button {
|
|
13
10
|
margin: $sc-tab-bar-button-margin;
|
|
14
11
|
padding: $sc-tab-bar-button-padding;
|
|
@@ -19,19 +16,21 @@
|
|
|
19
16
|
user-select: none;
|
|
20
17
|
font-size: $sc-font-size;
|
|
21
18
|
font-family: $sc-font-family;
|
|
22
|
-
|
|
19
|
+
height: auto;
|
|
23
20
|
span {
|
|
24
21
|
font-size: $sc-font-size;
|
|
25
22
|
text-align: center;
|
|
26
|
-
font-weight:
|
|
23
|
+
font-weight: 500;
|
|
27
24
|
color: $sc-color-font;
|
|
25
|
+
text-transform: uppercase;
|
|
28
26
|
}
|
|
29
27
|
&:hover {
|
|
30
28
|
filter: brightness(100%);
|
|
31
29
|
}
|
|
32
30
|
&.active {
|
|
31
|
+
background-color: #212437;
|
|
33
32
|
span {
|
|
34
|
-
color: #
|
|
33
|
+
color: #FFFFFF;
|
|
35
34
|
}
|
|
36
35
|
}
|
|
37
36
|
}
|
|
@@ -40,15 +39,19 @@
|
|
|
40
39
|
.tab-bar {
|
|
41
40
|
display: flex;
|
|
42
41
|
justify-content: center;
|
|
43
|
-
align-items:
|
|
42
|
+
align-items: flex-start;
|
|
44
43
|
flex-direction: column;
|
|
45
44
|
gap: 10px;
|
|
46
45
|
}
|
|
47
46
|
|
|
48
47
|
.tab-bar-wrapper {
|
|
49
|
-
display:
|
|
50
|
-
|
|
51
|
-
|
|
48
|
+
display: flex;
|
|
49
|
+
gap: 5px;
|
|
50
|
+
justify-content: space-between;
|
|
51
|
+
margin: $sc-tab-bar-wrapper-margin;
|
|
52
|
+
padding: $sc-tab-bar-wrapper-padding;
|
|
53
|
+
width: 100%;
|
|
54
|
+
border-bottom: 2px solid #FFF;
|
|
52
55
|
}
|
|
53
56
|
|
|
54
57
|
.secondary-tab-bar {
|
|
@@ -60,7 +63,7 @@
|
|
|
60
63
|
padding: $sc-tab-bar-padding;
|
|
61
64
|
.co-button {
|
|
62
65
|
margin: $sc-tab-bar-button-margin;
|
|
63
|
-
padding:
|
|
66
|
+
padding: 0;
|
|
64
67
|
border-radius: $sc-tab-bar-border-radius;
|
|
65
68
|
border: none;
|
|
66
69
|
background-color: transparent;
|
|
@@ -68,17 +71,21 @@
|
|
|
68
71
|
user-select: none;
|
|
69
72
|
font-size: $sc-font-size;
|
|
70
73
|
font-family: $sc-font-family;
|
|
71
|
-
|
|
74
|
+
height: auto;
|
|
72
75
|
span {
|
|
73
76
|
font-size: $sc-font-size;
|
|
74
77
|
text-align: center;
|
|
75
|
-
|
|
78
|
+
text-transform: uppercase;
|
|
79
|
+
font-weight: 500;
|
|
76
80
|
color: $sc-color-font;
|
|
81
|
+
padding: $sc-tab-bar-button-padding;
|
|
77
82
|
}
|
|
78
83
|
|
|
79
84
|
&.active {
|
|
80
|
-
background-color:
|
|
81
|
-
|
|
85
|
+
background-color: #212437;
|
|
86
|
+
span {
|
|
87
|
+
color: #FFF;
|
|
88
|
+
}
|
|
82
89
|
}
|
|
83
90
|
}
|
|
84
91
|
}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
$sc-tab-bar-border-radius:
|
|
1
|
+
$sc-tab-bar-border-radius: 10px !default;
|
|
2
2
|
$sc-tab-bar-background-color: transparent !default;
|
|
3
3
|
$sc-tab-bar-gap: 25px !default;
|
|
4
4
|
$sc-tab-bar-padding: 0 !default;
|
|
5
|
-
$sc-tab-bar-button-padding: 5px
|
|
5
|
+
$sc-tab-bar-button-padding: 5px 10px !default;
|
|
6
6
|
$sc-tab-bar-button-margin: 0 !default;
|
|
7
|
+
$sc-tab-bar-wrapper-margin: 5px 0 15px 0 !default;
|
|
8
|
+
$sc-tab-bar-wrapper-padding: 0 0 15px 0 !default;
|
|
@@ -15,6 +15,7 @@ $timeline-item-wrapper-padding: 10px !default;
|
|
|
15
15
|
$timeline-item-wrapper-box-shadow: 0 3px 5px 1px #0000001a !default;
|
|
16
16
|
$timeline-item-wrapper-background: #FFFFFF !default;
|
|
17
17
|
$timeline-item-wrapper-min-width: 50% !default;
|
|
18
|
+
$timeline-item-wrapper-min-height: 60px !default;
|
|
18
19
|
$timeline-item-gap: 15px !default;
|
|
19
20
|
$timeline-item-date-font-size: 9px !default;
|
|
20
21
|
$timeline-item-date-gap: 15px !default;
|
|
@@ -5,6 +5,7 @@ $sc-font-family-digital: 'digital-7regular' !default;
|
|
|
5
5
|
//$sc-font-size: 10px !default;
|
|
6
6
|
$sc-font-size: 12px !default;
|
|
7
7
|
$sc-font-size-small: 10px !default;
|
|
8
|
+
$sc-font-size-xs: 8px !default;
|
|
8
9
|
|
|
9
10
|
$sc-color-font: #171721 !default;
|
|
10
11
|
$sc-color-border: #DCE4EA !default;
|