@enki-tek/fms-web-components 0.1.19 → 0.1.20

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.
@@ -10,7 +10,7 @@
10
10
  <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
11
11
  <span class="navbar-toggler-icon"></span>
12
12
  </button>
13
- <div class="collapse navbar-collapse justify-content-md-end" id="navbarCollapse">
13
+ <div class="collapse navbar-collapse justify-content-md-end overflow-auto" id="navbarCollapse">
14
14
  <slot name="menu"></slot>
15
15
  <hr class="my-3 d-md-none">
16
16
  <slot name="footer-menu"></slot>
@@ -675,4 +675,9 @@
675
675
  .main-content {
676
676
  margin-left: 0;
677
677
  }
678
+ }
679
+ @media (max-width: 767.98px) {
680
+ #navbarCollapse {
681
+ height: calc(100vh - 75px);
682
+ }
678
683
  }</style>
@@ -4,7 +4,7 @@
4
4
  import { _ } from 'svelte-i18n';
5
5
  </script>
6
6
 
7
- <footer class="main-footer p-10 d-flex flex-row align-items-center justify-content-between position-fixed bottom-0">
7
+ <footer class="main-footer p-10 d-flex flex-row align-items-center justify-content-between bottom-0">
8
8
  <div class="copy-right">
9
9
  {$_({id: 'Common.rightReserved', default: 'All rights reserved.'})}
10
10
  <i class="ml-2 text-secondary ">{$_({id: 'Common.Version', default:'Version'})} 0.0.2</i>
@@ -95,7 +95,7 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
95
95
  .box a {
96
96
  color: #05445e;
97
97
  }
98
- @media (max-width: 768px) {
98
+ @media (max-width: 767.98px) {
99
99
  .box a {
100
100
  color: #ffffff;
101
101
  }
@@ -7,7 +7,7 @@
7
7
  </script>
8
8
 
9
9
  <li class="nav-item p-2 box {active ? "active" : ""}">
10
- <a
10
+ <a data-bs-toggle="collapse" data-bs-target=".navbar-collapse.show"
11
11
  class="nav-link d-flex align-items-center gap-2 flex-grow-1"
12
12
  aria-current="page"
13
13
  href={link}
@@ -108,7 +108,7 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
108
108
  .box a {
109
109
  color: #05445e;
110
110
  }
111
- @media (max-width: 768px) {
111
+ @media (max-width: 767.98px) {
112
112
  .box a {
113
113
  color: #ffffff;
114
114
  }
@@ -118,7 +118,7 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
118
118
  .box a {
119
119
  color: #05445e;
120
120
  }
121
- @media (max-width: 768px) {
121
+ @media (max-width: 767.98px) {
122
122
  .box a {
123
123
  color: #ffffff;
124
124
  }
@@ -136,7 +136,7 @@ ul {
136
136
  color: #05445e;
137
137
  }
138
138
 
139
- @media (max-width: 768px) {
139
+ @media (max-width: 767.98px) {
140
140
  .box a {
141
141
  color: #ffffff;
142
142
  }
@@ -171,7 +171,7 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
171
171
  .box a {
172
172
  color: #05445e;
173
173
  }
174
- @media (max-width: 768px) {
174
+ @media (max-width: 767.98px) {
175
175
  .box a {
176
176
  color: #ffffff;
177
177
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enki-tek/fms-web-components",
3
- "version": "0.1.19",
3
+ "version": "0.1.20",
4
4
  "devDependencies": {
5
5
  "@storybook/addon-essentials": "^7.6.14",
6
6
  "@storybook/addon-interactions": "^7.6.14",