@topconsultnpm/sdkui-react-beta 6.16.84 → 6.16.86
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.
|
@@ -652,6 +652,7 @@ const getDeviceType = () => {
|
|
|
652
652
|
return 'desktop';
|
|
653
653
|
};
|
|
654
654
|
const getTopOffset = (windowHeight, isMobile, isTablet) => {
|
|
655
|
+
const isEdge = /Edg/.test(navigator.userAgent);
|
|
655
656
|
if (windowHeight === WindowHeight.LARGE) {
|
|
656
657
|
if (isMobile)
|
|
657
658
|
return '70px';
|
|
@@ -659,7 +660,7 @@ const getTopOffset = (windowHeight, isMobile, isTablet) => {
|
|
|
659
660
|
return '130px';
|
|
660
661
|
if (getDeviceType() !== 'desktop')
|
|
661
662
|
return '120px';
|
|
662
|
-
return '180px';
|
|
663
|
+
return isEdge ? '120px' : '180px';
|
|
663
664
|
}
|
|
664
665
|
if (windowHeight === WindowHeight.MEDIUM) {
|
|
665
666
|
if (getDeviceType() === 'desktop') {
|
|
@@ -709,20 +710,6 @@ const StyledSummaryContainer = styled.div `
|
|
|
709
710
|
display: flex;
|
|
710
711
|
align-items: center;
|
|
711
712
|
gap: 10px;
|
|
712
|
-
-ms-flex-align: center;
|
|
713
|
-
-ms-flex-pack: start;
|
|
714
|
-
box-sizing: border-box;
|
|
715
|
-
white-space: nowrap;
|
|
716
|
-
@supports (-ms-ime-align: auto) {
|
|
717
|
-
@media screen and (min-width: 1024px) {
|
|
718
|
-
position: relative !important;
|
|
719
|
-
top: auto !important;
|
|
720
|
-
left: auto !important;
|
|
721
|
-
transform: none !important;
|
|
722
|
-
margin: 0 auto 20px auto;
|
|
723
|
-
justify-content: center;
|
|
724
|
-
}
|
|
725
|
-
}
|
|
726
713
|
`;
|
|
727
714
|
const StyledCredentialContainer = styled.div ` width: '100%'; display: flex; flex-direction: ${props => getFlexDirection(props.$isMobile, props.$authMode)}; gap: 10px; `;
|
|
728
715
|
const StyledCredentialWrapper = styled.div ` width: 100%; display: flex; flex-direction: column; gap: 10px; `;
|