@enki-tek/fms-web-components 0.1.11 → 0.1.12

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.
Files changed (39) hide show
  1. package/components/Accordion/Accordion.svelte +1 -1
  2. package/components/Accordion/AccordionItem.svelte +1 -1
  3. package/components/Badge/Badge.svelte +1 -1
  4. package/components/Breadcrumb/Breadcrumb.svelte +1 -1
  5. package/components/Button/Button.svelte +1 -1
  6. package/components/CardIcon/CardIcon.svelte +1 -1
  7. package/components/CardIcon/CardiconBody.svelte +1 -1
  8. package/components/CardIcon/CardiconSubtitle.svelte +1 -1
  9. package/components/CardIcon/CardiconTitle.svelte +1 -1
  10. package/components/CheckBox/Checkbox.svelte +1 -1
  11. package/components/Dropdown/Dropdown.svelte +1 -1
  12. package/components/Dropdown/DropdownItem.svelte +1 -1
  13. package/components/EnkiSidbar/EnkiSidebar.svelte +1 -1
  14. package/components/EnkiSidbar/NavIcon.svelte +1 -1
  15. package/components/EnkiSidbar/NavItem.svelte +1 -1
  16. package/components/EnkiSidbar/NavLink.svelte +1 -1
  17. package/components/Header/Brand.svelte +1 -1
  18. package/components/Header/Header.svelte +1 -1
  19. package/components/Header/HeaderItem.svelte +1 -1
  20. package/components/Header/UserAvatar.svelte +1 -1
  21. package/components/ModalWindow/Modal.svelte +1 -1
  22. package/components/ModalWindow/ModalBody.svelte +1 -1
  23. package/components/ModalWindow/ModalFooter.svelte +1 -1
  24. package/components/ModalWindow/ModalHeader.svelte +1 -1
  25. package/components/NotFound/NotFound.svelte +1 -1
  26. package/components/Pagination/Pagination.svelte +1 -1
  27. package/components/RadioButton/RadioButton.svelte +1 -1
  28. package/components/Sidebar/MenuGroup.svelte +3 -1
  29. package/components/Sidebar/MenuItem.svelte +3 -1
  30. package/components/Sidebar/SideBarMenu.svelte +4 -2
  31. package/components/Sidebar/Sidebar.scss +14 -9
  32. package/components/Sidebar/Sidebar.svelte +4 -2
  33. package/components/Switches/Switch.svelte +1 -1
  34. package/components/Tab/Tab.svelte +1 -1
  35. package/components/TextField/TextField.svelte +1 -1
  36. package/components/Toast/Toast.svelte +1 -1
  37. package/components/Tooltip/Tooltip.svelte +1 -1
  38. package/components/common.scss +1 -1
  39. package/package.json +1 -1
package/components/Accordion/Accordion.svelte CHANGED
@@ -589,7 +589,7 @@ export let stayOpen = true;
589
589
  }
590
590
  .sidebar {
591
591
  position: fixed;
592
- top: 73px;
592
+ top: 90px;
593
593
  /* Height of the navbar */
594
594
  bottom: 0;
595
595
  width: 315px;
package/components/Accordion/AccordionItem.svelte CHANGED
@@ -590,7 +590,7 @@ export let header;
590
590
  }
591
591
  .sidebar {
592
592
  position: fixed;
593
- top: 73px;
593
+ top: 90px;
594
594
  /* Height of the navbar */
595
595
  bottom: 0;
596
596
  width: 315px;
package/components/Badge/Badge.svelte CHANGED
@@ -595,7 +595,7 @@ if (badgeConfig.hasOwnProperty(config)) {
595
595
  }
596
596
  .sidebar {
597
597
  position: fixed;
598
- top: 73px;
598
+ top: 90px;
599
599
  /* Height of the navbar */
600
600
  bottom: 0;
601
601
  width: 315px;
package/components/Breadcrumb/Breadcrumb.svelte CHANGED
@@ -605,7 +605,7 @@ let length = newBreadcrumbs.length;
605
605
  }
606
606
  .sidebar {
607
607
  position: fixed;
608
- top: 73px;
608
+ top: 90px;
609
609
  /* Height of the navbar */
610
610
  bottom: 0;
611
611
  width: 315px;
package/components/Button/Button.svelte CHANGED
@@ -1341,7 +1341,7 @@
1341
1341
  }
1342
1342
  .sidebar {
1343
1343
  position: fixed;
1344
- top: 73px;
1344
+ top: 90px;
1345
1345
  /* Height of the navbar */
1346
1346
  bottom: 0;
1347
1347
  width: 315px;
package/components/CardIcon/CardIcon.svelte CHANGED
@@ -672,7 +672,7 @@ if (titleConfig.includes(titleLocation)) {
672
672
  }
673
673
  .sidebar {
674
674
  position: fixed;
675
- top: 73px;
675
+ top: 90px;
676
676
  /* Height of the navbar */
677
677
  bottom: 0;
678
678
  width: 315px;
package/components/CardIcon/CardiconBody.svelte CHANGED
@@ -667,7 +667,7 @@
667
667
  }
668
668
  .sidebar {
669
669
  position: fixed;
670
- top: 73px;
670
+ top: 90px;
671
671
  /* Height of the navbar */
672
672
  bottom: 0;
673
673
  width: 315px;
package/components/CardIcon/CardiconSubtitle.svelte CHANGED
@@ -676,7 +676,7 @@
676
676
  }
677
677
  .sidebar {
678
678
  position: fixed;
679
- top: 73px;
679
+ top: 90px;
680
680
  /* Height of the navbar */
681
681
  bottom: 0;
682
682
  width: 315px;
package/components/CardIcon/CardiconTitle.svelte CHANGED
@@ -676,7 +676,7 @@
676
676
  }
677
677
  .sidebar {
678
678
  position: fixed;
679
- top: 73px;
679
+ top: 90px;
680
680
  /* Height of the navbar */
681
681
  bottom: 0;
682
682
  width: 315px;
package/components/CheckBox/Checkbox.svelte CHANGED
@@ -625,7 +625,7 @@
625
625
  }
626
626
  .sidebar {
627
627
  position: fixed;
628
- top: 73px;
628
+ top: 90px;
629
629
  /* Height of the navbar */
630
630
  bottom: 0;
631
631
  width: 315px;
package/components/Dropdown/Dropdown.svelte CHANGED
@@ -650,7 +650,7 @@ export let title = "Dropdowns";
650
650
  }
651
651
  .sidebar {
652
652
  position: fixed;
653
- top: 73px;
653
+ top: 90px;
654
654
  /* Height of the navbar */
655
655
  bottom: 0;
656
656
  width: 315px;
package/components/Dropdown/DropdownItem.svelte CHANGED
@@ -643,7 +643,7 @@ export let disabled = false;
643
643
  }
644
644
  .sidebar {
645
645
  position: fixed;
646
- top: 73px;
646
+ top: 90px;
647
647
  /* Height of the navbar */
648
648
  bottom: 0;
649
649
  width: 315px;
package/components/EnkiSidbar/EnkiSidebar.svelte CHANGED
@@ -724,7 +724,7 @@ li.icons:hover {
724
724
  }
725
725
  .sidebar {
726
726
  position: fixed;
727
- top: 73px;
727
+ top: 90px;
728
728
  /* Height of the navbar */
729
729
  bottom: 0;
730
730
  width: 315px;
package/components/EnkiSidbar/NavIcon.svelte CHANGED
@@ -667,7 +667,7 @@ li.icons:hover {
667
667
  }
668
668
  .sidebar {
669
669
  position: fixed;
670
- top: 73px;
670
+ top: 90px;
671
671
  /* Height of the navbar */
672
672
  bottom: 0;
673
673
  width: 315px;
package/components/EnkiSidbar/NavItem.svelte CHANGED
@@ -665,7 +665,7 @@ li.icons:hover {
665
665
  }
666
666
  .sidebar {
667
667
  position: fixed;
668
- top: 73px;
668
+ top: 90px;
669
669
  /* Height of the navbar */
670
670
  bottom: 0;
671
671
  width: 315px;
package/components/EnkiSidbar/NavLink.svelte CHANGED
@@ -674,7 +674,7 @@ li.icons:hover {
674
674
  }
675
675
  .sidebar {
676
676
  position: fixed;
677
- top: 73px;
677
+ top: 90px;
678
678
  /* Height of the navbar */
679
679
  bottom: 0;
680
680
  width: 315px;
package/components/Header/Brand.svelte CHANGED
@@ -653,7 +653,7 @@
653
653
  }
654
654
  .sidebar {
655
655
  position: fixed;
656
- top: 73px;
656
+ top: 90px;
657
657
  /* Height of the navbar */
658
658
  bottom: 0;
659
659
  width: 315px;
package/components/Header/Header.svelte CHANGED
@@ -652,7 +652,7 @@
652
652
  }
653
653
  .sidebar {
654
654
  position: fixed;
655
- top: 73px;
655
+ top: 90px;
656
656
  /* Height of the navbar */
657
657
  bottom: 0;
658
658
  width: 315px;
package/components/Header/HeaderItem.svelte CHANGED
@@ -654,7 +654,7 @@
654
654
  }
655
655
  .sidebar {
656
656
  position: fixed;
657
- top: 73px;
657
+ top: 90px;
658
658
  /* Height of the navbar */
659
659
  bottom: 0;
660
660
  width: 315px;
package/components/Header/UserAvatar.svelte CHANGED
@@ -652,7 +652,7 @@
652
652
  }
653
653
  .sidebar {
654
654
  position: fixed;
655
- top: 73px;
655
+ top: 90px;
656
656
  /* Height of the navbar */
657
657
  bottom: 0;
658
658
  width: 315px;
package/components/ModalWindow/Modal.svelte CHANGED
@@ -591,7 +591,7 @@
591
591
  }
592
592
  .sidebar {
593
593
  position: fixed;
594
- top: 73px;
594
+ top: 90px;
595
595
  /* Height of the navbar */
596
596
  bottom: 0;
597
597
  width: 315px;
package/components/ModalWindow/ModalBody.svelte CHANGED
@@ -589,7 +589,7 @@
589
589
  }
590
590
  .sidebar {
591
591
  position: fixed;
592
- top: 73px;
592
+ top: 90px;
593
593
  /* Height of the navbar */
594
594
  bottom: 0;
595
595
  width: 315px;
package/components/ModalWindow/ModalFooter.svelte CHANGED
@@ -587,7 +587,7 @@
587
587
  }
588
588
  .sidebar {
589
589
  position: fixed;
590
- top: 73px;
590
+ top: 90px;
591
591
  /* Height of the navbar */
592
592
  bottom: 0;
593
593
  width: 315px;
package/components/ModalWindow/ModalHeader.svelte CHANGED
@@ -592,7 +592,7 @@
592
592
  }
593
593
  .sidebar {
594
594
  position: fixed;
595
- top: 73px;
595
+ top: 90px;
596
596
  /* Height of the navbar */
597
597
  bottom: 0;
598
598
  width: 315px;
package/components/NotFound/NotFound.svelte CHANGED
@@ -627,7 +627,7 @@
627
627
  }
628
628
  .sidebar {
629
629
  position: fixed;
630
- top: 73px;
630
+ top: 90px;
631
631
  /* Height of the navbar */
632
632
  bottom: 0;
633
633
  width: 315px;
package/components/Pagination/Pagination.svelte CHANGED
@@ -724,7 +724,7 @@ function nextPage() {
724
724
  }
725
725
  .sidebar {
726
726
  position: fixed;
727
- top: 73px;
727
+ top: 90px;
728
728
  /* Height of the navbar */
729
729
  bottom: 0;
730
730
  width: 315px;
package/components/RadioButton/RadioButton.svelte CHANGED
@@ -607,7 +607,7 @@
607
607
  }
608
608
  .sidebar {
609
609
  position: fixed;
610
- top: 73px;
610
+ top: 90px;
611
611
  /* Height of the navbar */
612
612
  bottom: 0;
613
613
  width: 315px;
package/components/Sidebar/MenuGroup.svelte CHANGED
@@ -107,5 +107,7 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
107
107
  background-color: #ddf9f6;
108
108
  }
109
109
  #sidebarMenu {
110
- min-height: calc(100vh - 130px);
110
+ height: calc(100vh - 146px);
111
+ overflow: auto;
112
+ border-radius: 0.75rem;
111
113
  }</style>
package/components/Sidebar/MenuItem.svelte CHANGED
@@ -120,6 +120,8 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
120
120
  background-color: #ddf9f6;
121
121
  }
122
122
  #sidebarMenu {
123
- min-height: calc(100vh - 130px);
123
+ height: calc(100vh - 146px);
124
+ overflow: auto;
125
+ border-radius: 0.75rem;
124
126
  }</style>
125
127
 
package/components/Sidebar/SideBarMenu.svelte CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  <div class="sidebar pe-0" >
9
9
  <div
10
- class="offcanvas-md offcanvas-end bg-white rounded"
10
+ class="offcanvas-md offcanvas-end bg-white"
11
11
  tabindex="-1"
12
12
  id="sidebarMenu"
13
13
  aria-labelledby="sidebarMenuLabel"
@@ -130,7 +130,9 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
130
130
  background-color: #ddf9f6;
131
131
  }
132
132
  #sidebarMenu {
133
- min-height: calc(100vh - 130px);
133
+ height: calc(100vh - 146px);
134
+ overflow: auto;
135
+ border-radius: 0.75rem;
134
136
  }
135
137
  @media (min-width: 768px) {
136
138
  .sidebar .offcanvas-lg {
package/components/Sidebar/Sidebar.scss CHANGED
@@ -131,22 +131,27 @@ ul {
131
131
  height: 48px;
132
132
  border-radius: 5px;
133
133
  }
134
- .box a{
134
+
135
+ .box a {
135
136
  color: #05445e;
136
137
  }
137
- @media (max-width: 768px){
138
- .box a{
138
+
139
+ @media (max-width: 768px) {
140
+ .box a {
139
141
  color: #ffffff;
140
142
  }
141
143
 
142
- .active{
144
+ .active {
143
145
  background-color: #3A736D !important;
144
- }
146
+ }
145
147
  }
146
148
 
147
- .active{
148
- background-color: #ddf9f6;
149
+ .active {
150
+ background-color: #ddf9f6;
149
151
  }
150
- #sidebarMenu{
151
- min-height: calc(100vh - 130px);
152
+
153
+ #sidebarMenu {
154
+ height: calc(100vh - 146px);
155
+ overflow: auto;
156
+ border-radius: .75rem;
152
157
  }
package/components/Sidebar/Sidebar.svelte CHANGED
@@ -183,7 +183,9 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
183
183
  background-color: #ddf9f6;
184
184
  }
185
185
  #sidebarMenu {
186
- min-height: calc(100vh - 130px);
186
+ height: calc(100vh - 146px);
187
+ overflow: auto;
188
+ border-radius: 0.75rem;
187
189
  }
188
190
  :global(.ebg-none) {
189
191
  background-color: #ffffff !important;
@@ -752,7 +754,7 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
752
754
  }
753
755
  .sidebar {
754
756
  position: fixed;
755
- top: 73px;
757
+ top: 90px;
756
758
  /* Height of the navbar */
757
759
  bottom: 0;
758
760
  width: 315px;
package/components/Switches/Switch.svelte CHANGED
@@ -598,7 +598,7 @@
598
598
  }
599
599
  .sidebar {
600
600
  position: fixed;
601
- top: 73px;
601
+ top: 90px;
602
602
  /* Height of the navbar */
603
603
  bottom: 0;
604
604
  width: 315px;
package/components/Tab/Tab.svelte CHANGED
@@ -618,7 +618,7 @@ export let tabs = [
618
618
  }
619
619
  .sidebar {
620
620
  position: fixed;
621
- top: 73px;
621
+ top: 90px;
622
622
  /* Height of the navbar */
623
623
  bottom: 0;
624
624
  width: 315px;
package/components/TextField/TextField.svelte CHANGED
@@ -626,7 +626,7 @@
626
626
  }
627
627
  .sidebar {
628
628
  position: fixed;
629
- top: 73px;
629
+ top: 90px;
630
630
  /* Height of the navbar */
631
631
  bottom: 0;
632
632
  width: 315px;
package/components/Toast/Toast.svelte CHANGED
@@ -662,7 +662,7 @@
662
662
  }
663
663
  .sidebar {
664
664
  position: fixed;
665
- top: 73px;
665
+ top: 90px;
666
666
  /* Height of the navbar */
667
667
  bottom: 0;
668
668
  width: 315px;
package/components/Tooltip/Tooltip.svelte CHANGED
@@ -605,7 +605,7 @@ const textAligns = {
605
605
  }
606
606
  .sidebar {
607
607
  position: fixed;
608
- top: 73px;
608
+ top: 90px;
609
609
  /* Height of the navbar */
610
610
  bottom: 0;
611
611
  width: 315px;
package/components/common.scss CHANGED
@@ -794,7 +794,7 @@
794
794
 
795
795
  .sidebar {
796
796
  position: fixed;
797
- top: 73px;
797
+ top: 90px;
798
798
  /* Height of the navbar */
799
799
  bottom: 0;
800
800
  width: 315px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enki-tek/fms-web-components",
3
- "version": "0.1.11",
3
+ "version": "0.1.12",
4
4
  "devDependencies": {
5
5
  "@storybook/addon-essentials": "^7.6.14",
6
6
  "@storybook/addon-interactions": "^7.6.14",