@festo-ui/web-essentials 7.2.0-dev.412 → 7.2.0-dev.414
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 +23 -3
- package/dist/css/festo-web-essentials.css.map +1 -1
- package/dist/css/festo-web-essentials.min.css +2 -2
- package/dist/css/festo-web-essentials.min.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/_navbar.scss +21 -4
- package/dist/scss/_sidebar-overlay.scss +2 -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/_navbar.scss +21 -4
- package/scss/_sidebar-overlay.scss +2 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Festo UI - Web Essentials v7.2.0-dev.
|
|
2
|
+
* Festo UI - Web Essentials v7.2.0-dev.414 (https://storybook.festo.design/)
|
|
3
3
|
* Copyright 2022 Festo SE & Co. KG
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/.fng-flatpickr span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flatpickr-calendar{display:none;text-align:center;animation:none;direction:ltr;border:0;font-size:var(--fwe-font-size-md);line-height:font-size-md10px;position:absolute;box-sizing:border-box;touch-action:manipulation}.flatpickr-calendar.open{max-height:640px;width:324px;background:var(--fwe-white);box-shadow:0 1px 8px rgba(0,0,0,.3);border-radius:8px;padding:12px;padding-bottom:48px;display:inline-block;z-index:var(--fwe-z-index-dropdown)}.flatpickr-calendar.animate.open{animation:none}.flatpickr-calendar.inline{display:block;position:relative;top:2px;box-shadow:none;background:inherit}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:var(--fwe-z-index-dropdown);display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 var(--fwe-gray-200),5px 0 0 var(--fwe-gray-200)}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid var(--fwe-gray-200)}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:unset;height:0;width:0;left:32px}.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before{left:auto;right:32px}.flatpickr-calendar:before{border-width:7px;margin:0 -7px}.flatpickr-calendar:after{border-width:6px;margin:0 -6px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:rgba(0,0,0,.15)}.flatpickr-calendar.arrowTop:after{border-bottom-color:var(--fwe-white)}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:var(--fwe-border)}.flatpickr-calendar.arrowBottom:after{border-top-color:var(--fwe-white)}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:0 0;color:var(--fwe-text);fill:var(--fwe-text);height:42px;margin-top:12px;line-height:24px;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:42px;z-index:3;color:var(--fwe-text)}.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i{position:relative}.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path{transition:fill .1s;fill:inherit}.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover{color:var(--fwe-text-light)}.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:var(--fwe-hero)}.flatpickr-months .flatpickr-next-month{padding:24px 20px 0 0;right:0}.flatpickr-months .flatpickr-prev-month{left:0;padding:24px 0 0 20px}.numInputWrapper{position:relative;height:auto}.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper input[type=number]{-moz-appearance:textfield}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%;font-weight:var(--fwe-font-weight-bold)}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper span{position:absolute;right:-8px;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;box-sizing:border-box}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--fwe-text);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--fwe-text);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:var(--fwe-font-size-base);font-weight:var(--fwe-font-weight-normal);position:absolute;width:75%;left:12.5%;padding:7px 0 0 0;line-height:calc(var(--fwe-font-size-base) + 8px);height:34px;display:inline-block;text-align:center;transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:var(--fwe-font-weight-bold);color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{color:var(--fwe-hero)}.flatpickr-current-month select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;background-image:url("data:image/svg+xml;utf8,<svg height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>");background-repeat:no-repeat;background-position-x:100%;background-position-y:70%;border:none;color:inherit;cursor:pointer;line-height:24px;margin:-1px 0 0 0;outline:0;padding-left:8px;padding-right:16px}.flatpickr-current-month select:hover{color:var(--fwe-hero);background-image:url("data:image/svg+xml;utf8,<svg fill='rgb(0, 145, 220)' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><g><polygon points='8,10.7 3.6,6.4 4.4,5.6 8,9.3 11.6,5.6 12.4,6.4'/></g></svg>")}.flatpickr-current-month select option{color:var(--fwe-text)!important}.flatpickr-current-month .numInputWrapper{width:60px;display:inline-block}.flatpickr-current-month .numInputWrapper input{background:0 0;box-sizing:border-box;color:inherit;cursor:text;margin-left:16px;display:inline-block;line-height:24px;border:0;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month .numInputWrapper:hover{color:var(--fwe-hero)}.flatpickr-current-month .numInputWrapper .arrowUp:hover:after{border-bottom-color:var(--fwe-hero)}.flatpickr-current-month .numInputWrapper .arrowDown:hover:after{border-top-color:var(--fwe-hero)}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,.5);background:0 0;pointer-events:none}.flatpickr-monthDropdown-months{font-weight:var(--fwe-font-weight-bold)}.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus{outline:0}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:0;padding:0}.flatpickr-weekdays{border-bottom:1px solid var(--fwe-border);background:0 0;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:48px;margin-bottom:4px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:var(--fwe-font-size-md);background:0 0;color:var(--fwe-text-light);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:var(--fwe-font-weight-normal)}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:304px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:304px;min-width:304px;max-width:304px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{box-shadow:-1px 0 0 var(--fwe-gray-200)}.flatpickr-day{background:0 0;border:2px;border-radius:150px;box-sizing:border-box;color:var(--fwe-text);cursor:pointer;font-weight:var(--fwe-font-weight-normal);width:14.2857143%;flex-basis:14.2857143%;max-width:33px;height:33px;line-height:33px;margin:4px;display:inline-block;position:relative;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus{cursor:pointer;outline:0;background:var(--fwe-gray-200);border-color:var(--fwe-gray-200);font-weight:var(--fwe-font-weight-bold)}.flatpickr-day:hover{cursor:pointer;outline:0;color:var(--fwe-hero-hover)}.flatpickr-day.today{background-color:inherit;font-weight:var(--fwe-font-weight-bold);text-decoration:underline}.flatpickr-day.today:hover{color:var(--fwe-hero-hover)}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background:var(--fwe-white);box-shadow:none;color:var(--fwe-hero);border:2px solid var(--fwe-hero);font-weight:var(--fwe-font-weight-bold);line-height:28px}.flatpickr-day.endRange.flatpickr-disabled,.flatpickr-day.endRange.inRange.flatpickr-disabled,.flatpickr-day.endRange.nextMonthDay.flatpickr-disabled,.flatpickr-day.endRange.prevMonthDay.flatpickr-disabled,.flatpickr-day.endRange:focus.flatpickr-disabled,.flatpickr-day.endRange:hover.flatpickr-disabled,.flatpickr-day.selected.flatpickr-disabled,.flatpickr-day.selected.inRange.flatpickr-disabled,.flatpickr-day.selected.nextMonthDay.flatpickr-disabled,.flatpickr-day.selected.prevMonthDay.flatpickr-disabled,.flatpickr-day.selected:focus.flatpickr-disabled,.flatpickr-day.selected:hover.flatpickr-disabled,.flatpickr-day.startRange.flatpickr-disabled,.flatpickr-day.startRange.inRange.flatpickr-disabled,.flatpickr-day.startRange.nextMonthDay.flatpickr-disabled,.flatpickr-day.startRange.prevMonthDay.flatpickr-disabled,.flatpickr-day.startRange:focus.flatpickr-disabled,.flatpickr-day.startRange:hover.flatpickr-disabled{color:var(--fwe-text-disabled);background:var(--fwe-control-disabled)}.flatpickr-day.startRange.startRange{border-radius:50px;box-shadow:none}.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px;box-shadow:10px 0 0 var(--fwe-hero)}.flatpickr-day.selected.startRange{border-radius:50px;box-shadow:none}.flatpickr-day.endRange:not(.inRange):not(.startRange),.flatpickr-day.selected.endRange:not(.inRange):not(.startRange){border-radius:50px;position:relative}.flatpickr-day.endRange:not(.inRange):not(.startRange)::before,.flatpickr-day.selected.endRange:not(.inRange):not(.startRange)::before{content:"";position:absolute;height:calc(100% + 4px);z-index:-1;width:42px;background-color:var(--fwe-gray-200);left:-26px;top:-2px}.flatpickr-day.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before,.flatpickr-day.selected.endRange:not(.inRange):not(.startRange).flatpickr-disabled::before{background-color:var(--fwe-gray-200)}.flatpickr-day.endRange.endRange,.flatpickr-day.startRange.endRange{border-radius:50px}.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n)::before{content:"";position:absolute;height:100%;z-index:-1;width:24px;background-color:var(--fwe-gray-200);left:16px}.flatpickr-day.startRange:not(:hover):not(.endRange):nth-child(7n).flatpickr-disabled::before{background-color:var(--fwe-gray-200)}.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange:not(.startRange){box-shadow:none;position:relative}.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n){border-radius:0;box-shadow:-10px 0 0 var(--fwe-gray-200),24px 0 0 var(--fwe-gray-200)}.flatpickr-day.inRange:not(.startRange):not(.endRange):nth-child(7n).flatpickr-disabled{box-shadow:-10px 0 0 var(--fwe-gray-100),24px 0 0 var(--fwe-gray-100)}.flatpickr-day.inRange:not(.startRange)::before{content:"";position:absolute;height:100%;z-index:-1;width:48px;background-color:var(--fwe-gray-200);left:-28px}.flatpickr-day.inRange:not(.startRange).flatpickr-disabled::before{background-color:var(--fwe-gray-100)}.flatpickr-day.inRange~.flatpickr-day.inRange:not(.selected){border-radius:0;box-shadow:-10px 0 0 var(--fwe-gray-200),24px 0 0 var(--fwe-gray-200)}.flatpickr-day.inRange~.flatpickr-day.inRange:not(.selected).flatpickr-disabled{box-shadow:-10px 0 0 var(--fwe-gray-100),24px 0 0 var(--fwe-gray-100);background:var(--fwe-gray-100)}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{color:rgba(57,57,57,.3);background:0 0;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,.1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 var(--fwe-hero),5px 0 0 var(--fwe-hero)}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 var(--fwe-gray-200)}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,.3);background:0 0;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:var(--fwe-control-border)}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:var(--fwe-control-border)}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:0 0;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:var(--fwe-text);font-size:var(--fwe-font-size-md);position:relative;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:var(--fwe-font-weight-bold)}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:var(--fwe-font-weight-normal)}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{height:inherit;float:left;line-height:inherit;color:var(--fwe-text);font-weight:var(--fwe-font-weight-bold);width:2%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:var(--fwe-font-weight-normal)}.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{background:var(--fwe-white)}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
|
package/dist/scss/_navbar.scss
CHANGED
|
@@ -3,7 +3,7 @@ header.fwe-fixed-header {
|
|
|
3
3
|
left: 0px;
|
|
4
4
|
right: 0px;
|
|
5
5
|
top: 0px;
|
|
6
|
-
z-index:
|
|
6
|
+
z-index: $zindex-fixed;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
.fwe-navbar-spacer {
|
|
@@ -25,11 +25,11 @@ header.fwe-fixed-header {
|
|
|
25
25
|
position: relative;
|
|
26
26
|
overflow: visible;
|
|
27
27
|
|
|
28
|
-
@media (max-width: $
|
|
28
|
+
@media (max-width: $breakpoint-lg-min) {
|
|
29
29
|
padding-left: 36px;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
@media (max-width: $
|
|
32
|
+
@media (max-width: $breakpoint-md-min) {
|
|
33
33
|
padding-left: 0px;
|
|
34
34
|
}
|
|
35
35
|
|
|
@@ -57,6 +57,20 @@ header.fwe-fixed-header {
|
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
+
&--no-logo {
|
|
61
|
+
padding-left: 0px !important;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.fwe-app-title-container {
|
|
65
|
+
font-weight: bold;
|
|
66
|
+
display: none;
|
|
67
|
+
margin-bottom: 17px;
|
|
68
|
+
margin-right: 48px;
|
|
69
|
+
@media (min-width: $grid-breakpoint-md) {
|
|
70
|
+
display: block;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
60
74
|
.fwe-container {
|
|
61
75
|
display: flex;
|
|
62
76
|
align-items: flex-end;
|
|
@@ -240,10 +254,13 @@ header.fwe-fixed-header {
|
|
|
240
254
|
width: 113px;
|
|
241
255
|
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='113.15' height='20'%3E%3Cg fill='%230091dc'%3E%3Cpath d='M82.06 20h-4.14a.25.25 0 01-.2-.06c-.06-.07-.05-.2-.02-.33a1.92 1.92 0 00.02-.29V4.45c0-.43-1.06-.44-1.19-.44h-6.88a1.25 1.25 0 01-1.01-.9V0h21.68c.38 0 .53 0 .53.39v2.7c0 .37-.14.92-.53.92h-6.9c-.39 0-.65.07-.65.44v14.86a.71.71 0 01-.71.68zm-18.6 0H49.62a4.19 4.19 0 01-2.93-1.18 4.1 4.1 0 01-1.26-2.88v-.68c0-.24.18-.27.37-.27H46l.2.01h4.13c.25 0 .69.07.69.5 0 .41.37.5.68.5h8.97c.79 0 .9-.72.9-1.42v-1.35c0-.75-.15-1.22-.9-1.22H49.64a4.3 4.3 0 01-2.96-1.25 4.21 4.21 0 01-1.26-2.93V3.77a3.91 3.91 0 011.3-2.76 3.96 3.96 0 012.65-1H63.7a3.94 3.94 0 012.64 1 3.9 3.9 0 011.29 2.76v.68c0 .39-.39.56-.75.56h-4.14c-.25 0-.68-.06-.68-.5 0-.32-.25-.5-.7-.5H52.4c-.77 0-.92.4-.92 1.11v1.36c0 1.01.31 1.53.92 1.53h11.2a4.05 4.05 0 012.75 1.08 4 4 0 011.28 2.8v4.05a4.08 4.08 0 01-1.24 2.88A4.17 4.17 0 0163.46 20zM43.4 20H22.75c-.34 0-.54-.25-.54-.68V.39c0-.36.15-.38.54-.38H43.4c.38 0 1.01 0 1.01.38v2.72a1.21 1.21 0 01-1.01.9H28.26c-.37 0-1 .06-1 .45v2.7c0 .37.63.85 1 .85h13.8c.16 0 .24.02.29.07s.05.15.05.3v2.83c0 .37 0 .8-.34.8h-13.8c-.35 0-1 .16-1 .56v2.7c0 .38.62.74 1 .74H43.4c.4 0 1.01.24 1.01.62v2.7c0 .38-.61.67-1.01.67zM4.6 20H.68a.68.68 0 01-.69-.68V.4C0 .01.32.01.69.01H20c.15 0 .21 0 .23.03s0 .04 0 .09a1 1 0 00-.04.26v2.72a2.7 2.7 0 00.02.3c.03.21.06.44-.04.54a.22.22 0 01-.17.06H6.2c-.26 0-1.15.03-1.15.44v2.71c0 .37.78.85 1.16.85h12.41a.63.63 0 01.07 0 .62.62 0 01.4.15.61.61 0 01.22.44v2.72a.7.7 0 01-.7.69H6.22c-.4 0-1.16.2-1.16.56v6.75c0 .35-.06.68-.46.68z' /%3E%3Cpath d='M109.55 20H96.3a3.24 3.24 0 01-2.58-1.2 4.5 4.5 0 01-.93-2.87V3.76a3.52 3.52 0 01.92-2.7A3.33 3.33 0 0196.13 0h13.61a3.38 3.38 0 012.43 1.05 3.58 3.58 0 01.98 2.71v12.17a3.84 3.84 0 01-.95 2.84 3.61 3.61 0 01-2.65 1.22zM98.95 4c-.81 0-1.32.43-1.32 1.11v9.46A1.38 1.38 0 0098.95 16h7.95a1.46 1.46 0 001.4-1.42l-.01-9.46c0-.5-.37-1.1-1.4-1.1z' /%3E%3C/g%3E%3C/svg%3E");
|
|
242
256
|
background-repeat: no-repeat;
|
|
243
|
-
@media (max-width: $
|
|
257
|
+
@media (max-width: $breakpoint-xs-min) {
|
|
244
258
|
margin-right: 8px;
|
|
245
259
|
}
|
|
246
260
|
}
|
|
261
|
+
@media (max-width: $grid-breakpoint-sm) {
|
|
262
|
+
margin-left: 32px !important;
|
|
263
|
+
}
|
|
247
264
|
}
|
|
248
265
|
}
|
|
249
266
|
|
package/package.json
CHANGED
package/scss/_navbar.scss
CHANGED
|
@@ -3,7 +3,7 @@ header.fwe-fixed-header {
|
|
|
3
3
|
left: 0px;
|
|
4
4
|
right: 0px;
|
|
5
5
|
top: 0px;
|
|
6
|
-
z-index:
|
|
6
|
+
z-index: $zindex-fixed;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
.fwe-navbar-spacer {
|
|
@@ -25,11 +25,11 @@ header.fwe-fixed-header {
|
|
|
25
25
|
position: relative;
|
|
26
26
|
overflow: visible;
|
|
27
27
|
|
|
28
|
-
@media (max-width: $
|
|
28
|
+
@media (max-width: $breakpoint-lg-min) {
|
|
29
29
|
padding-left: 36px;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
@media (max-width: $
|
|
32
|
+
@media (max-width: $breakpoint-md-min) {
|
|
33
33
|
padding-left: 0px;
|
|
34
34
|
}
|
|
35
35
|
|
|
@@ -57,6 +57,20 @@ header.fwe-fixed-header {
|
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
+
&--no-logo {
|
|
61
|
+
padding-left: 0px !important;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.fwe-app-title-container {
|
|
65
|
+
font-weight: bold;
|
|
66
|
+
display: none;
|
|
67
|
+
margin-bottom: 17px;
|
|
68
|
+
margin-right: 48px;
|
|
69
|
+
@media (min-width: $grid-breakpoint-md) {
|
|
70
|
+
display: block;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
60
74
|
.fwe-container {
|
|
61
75
|
display: flex;
|
|
62
76
|
align-items: flex-end;
|
|
@@ -240,10 +254,13 @@ header.fwe-fixed-header {
|
|
|
240
254
|
width: 113px;
|
|
241
255
|
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='113.15' height='20'%3E%3Cg fill='%230091dc'%3E%3Cpath d='M82.06 20h-4.14a.25.25 0 01-.2-.06c-.06-.07-.05-.2-.02-.33a1.92 1.92 0 00.02-.29V4.45c0-.43-1.06-.44-1.19-.44h-6.88a1.25 1.25 0 01-1.01-.9V0h21.68c.38 0 .53 0 .53.39v2.7c0 .37-.14.92-.53.92h-6.9c-.39 0-.65.07-.65.44v14.86a.71.71 0 01-.71.68zm-18.6 0H49.62a4.19 4.19 0 01-2.93-1.18 4.1 4.1 0 01-1.26-2.88v-.68c0-.24.18-.27.37-.27H46l.2.01h4.13c.25 0 .69.07.69.5 0 .41.37.5.68.5h8.97c.79 0 .9-.72.9-1.42v-1.35c0-.75-.15-1.22-.9-1.22H49.64a4.3 4.3 0 01-2.96-1.25 4.21 4.21 0 01-1.26-2.93V3.77a3.91 3.91 0 011.3-2.76 3.96 3.96 0 012.65-1H63.7a3.94 3.94 0 012.64 1 3.9 3.9 0 011.29 2.76v.68c0 .39-.39.56-.75.56h-4.14c-.25 0-.68-.06-.68-.5 0-.32-.25-.5-.7-.5H52.4c-.77 0-.92.4-.92 1.11v1.36c0 1.01.31 1.53.92 1.53h11.2a4.05 4.05 0 012.75 1.08 4 4 0 011.28 2.8v4.05a4.08 4.08 0 01-1.24 2.88A4.17 4.17 0 0163.46 20zM43.4 20H22.75c-.34 0-.54-.25-.54-.68V.39c0-.36.15-.38.54-.38H43.4c.38 0 1.01 0 1.01.38v2.72a1.21 1.21 0 01-1.01.9H28.26c-.37 0-1 .06-1 .45v2.7c0 .37.63.85 1 .85h13.8c.16 0 .24.02.29.07s.05.15.05.3v2.83c0 .37 0 .8-.34.8h-13.8c-.35 0-1 .16-1 .56v2.7c0 .38.62.74 1 .74H43.4c.4 0 1.01.24 1.01.62v2.7c0 .38-.61.67-1.01.67zM4.6 20H.68a.68.68 0 01-.69-.68V.4C0 .01.32.01.69.01H20c.15 0 .21 0 .23.03s0 .04 0 .09a1 1 0 00-.04.26v2.72a2.7 2.7 0 00.02.3c.03.21.06.44-.04.54a.22.22 0 01-.17.06H6.2c-.26 0-1.15.03-1.15.44v2.71c0 .37.78.85 1.16.85h12.41a.63.63 0 01.07 0 .62.62 0 01.4.15.61.61 0 01.22.44v2.72a.7.7 0 01-.7.69H6.22c-.4 0-1.16.2-1.16.56v6.75c0 .35-.06.68-.46.68z' /%3E%3Cpath d='M109.55 20H96.3a3.24 3.24 0 01-2.58-1.2 4.5 4.5 0 01-.93-2.87V3.76a3.52 3.52 0 01.92-2.7A3.33 3.33 0 0196.13 0h13.61a3.38 3.38 0 012.43 1.05 3.58 3.58 0 01.98 2.71v12.17a3.84 3.84 0 01-.95 2.84 3.61 3.61 0 01-2.65 1.22zM98.95 4c-.81 0-1.32.43-1.32 1.11v9.46A1.38 1.38 0 0098.95 16h7.95a1.46 1.46 0 001.4-1.42l-.01-9.46c0-.5-.37-1.1-1.4-1.1z' /%3E%3C/g%3E%3C/svg%3E");
|
|
242
256
|
background-repeat: no-repeat;
|
|
243
|
-
@media (max-width: $
|
|
257
|
+
@media (max-width: $breakpoint-xs-min) {
|
|
244
258
|
margin-right: 8px;
|
|
245
259
|
}
|
|
246
260
|
}
|
|
261
|
+
@media (max-width: $grid-breakpoint-sm) {
|
|
262
|
+
margin-left: 32px !important;
|
|
263
|
+
}
|
|
247
264
|
}
|
|
248
265
|
}
|
|
249
266
|
|