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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (40) 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/Layout/Page.svelte +2 -2
  22. package/components/ModalWindow/Modal.svelte +1 -1
  23. package/components/ModalWindow/ModalBody.svelte +1 -1
  24. package/components/ModalWindow/ModalFooter.svelte +1 -1
  25. package/components/ModalWindow/ModalHeader.svelte +1 -1
  26. package/components/NotFound/NotFound.svelte +1 -1
  27. package/components/Pagination/Pagination.svelte +1 -1
  28. package/components/RadioButton/RadioButton.svelte +1 -1
  29. package/components/Sidebar/MenuGroup.svelte +3 -1
  30. package/components/Sidebar/MenuItem.svelte +3 -1
  31. package/components/Sidebar/SideBarMenu.svelte +4 -2
  32. package/components/Sidebar/Sidebar.scss +14 -9
  33. package/components/Sidebar/Sidebar.svelte +4 -2
  34. package/components/Switches/Switch.svelte +1 -1
  35. package/components/Tab/Tab.svelte +1 -1
  36. package/components/TextField/TextField.svelte +1 -1
  37. package/components/Toast/Toast.svelte +1 -1
  38. package/components/Tooltip/Tooltip.svelte +1 -1
  39. package/components/common.scss +1 -1
  40. 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/Layout/Page.svelte CHANGED
@@ -7,10 +7,10 @@
7
7
  class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 mb-3
8
8
  "
9
9
  >
10
- <Row class="d-flex flex-lg-row flex-column px-3" style="width:100%">
10
+ <Row class="d-flex flex-lg-row flex-column px-0" style="width:100%">
11
11
  <Col md="7">
12
12
  <header>
13
- <div class="d-flex flex-row justify-content-start mt-2 title">
13
+ <div class="d-flex flex-row justify-content-start title">
14
14
  <slot name="title" />
15
15
  </div>
16
16
  </header>
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.13",
4
4
  "devDependencies": {
5
5
  "@storybook/addon-essentials": "^7.6.14",
6
6
  "@storybook/addon-interactions": "^7.6.14",