@festo-ui/web-essentials 8.2.0-dev.593 → 8.2.0-dev.595
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/dist/css/festo-web-essentials.css +29 -9
- package/dist/css/festo-web-essentials.css.map +1 -1
- package/dist/css/festo-web-essentials.min.css +11 -11
- package/dist/css/festo-web-essentials.min.css.map +1 -1
- package/dist/css/light/festo-web-essentials-light.css +20 -0
- package/dist/css/light/festo-web-essentials-light.css.map +1 -1
- package/dist/css/themes/flatpickr/festo.css +1 -1
- package/dist/css/themes/flatpickr/festo.min.css +1 -1
- package/dist/scss/_modal.scss +10 -0
- package/dist/scss/_navbar-menu.scss +12 -1
- package/dist/scss/festo-web-essentials.scss +1 -1
- package/dist/scss/themes/flatpickr/festo.scss +1 -1
- package/package.json +1 -1
- package/scss/_modal.scss +10 -0
- package/scss/_navbar-menu.scss +12 -1
|
@@ -5266,6 +5266,14 @@ fieldset.fwe-progress-container label {
|
|
|
5266
5266
|
grid-auto-columns: minmax(200px, auto);
|
|
5267
5267
|
}
|
|
5268
5268
|
|
|
5269
|
+
@keyframes fwe-modal-backdrop-fade-in {
|
|
5270
|
+
from {
|
|
5271
|
+
opacity: 0;
|
|
5272
|
+
}
|
|
5273
|
+
to {
|
|
5274
|
+
opacity: 1;
|
|
5275
|
+
}
|
|
5276
|
+
}
|
|
5269
5277
|
.fwe-modal-backdrop {
|
|
5270
5278
|
position: fixed;
|
|
5271
5279
|
background-color: rgba(0, 0, 0, 0.7);
|
|
@@ -5277,6 +5285,7 @@ fieldset.fwe-progress-container label {
|
|
|
5277
5285
|
display: flex;
|
|
5278
5286
|
align-items: center;
|
|
5279
5287
|
justify-content: center;
|
|
5288
|
+
animation: fwe-modal-backdrop-fade-in 0.3s ease-out;
|
|
5280
5289
|
}
|
|
5281
5290
|
|
|
5282
5291
|
@media (max-width: 600px), (max-height: 600px) {
|
|
@@ -5693,14 +5702,25 @@ fieldset.fwe-progress-container label {
|
|
|
5693
5702
|
max-height: calc(100vh - 64px);
|
|
5694
5703
|
overflow: visible;
|
|
5695
5704
|
}
|
|
5705
|
+
@media (min-width: 768px) {
|
|
5706
|
+
.fwe-navbar-menu-container.fwe-hidden {
|
|
5707
|
+
display: none;
|
|
5708
|
+
}
|
|
5709
|
+
}
|
|
5696
5710
|
@media (max-width: 767px) {
|
|
5697
5711
|
.fwe-navbar-menu-container {
|
|
5712
|
+
display: flex;
|
|
5713
|
+
transition: transform 0.3s ease;
|
|
5714
|
+
transform: translateX(0%);
|
|
5698
5715
|
width: 100% !important;
|
|
5699
5716
|
position: fixed;
|
|
5700
5717
|
top: 64px;
|
|
5701
5718
|
left: 0;
|
|
5702
5719
|
height: calc(100vh - 64px);
|
|
5703
5720
|
}
|
|
5721
|
+
.fwe-navbar-menu-container.fwe-hidden {
|
|
5722
|
+
transform: translateX(-105%);
|
|
5723
|
+
}
|
|
5704
5724
|
}
|
|
5705
5725
|
|
|
5706
5726
|
/**
|