@sapui5/sap.ui.vbm 1.145.0 → 1.146.0

package/src/sap/ui/vbm/themes/base/MapContainer.less

@@ -1,15 +1,8 @@
-/*...........................................................................*/
+/* ======================================== */
+/* CSS for control sap.ui.vbm/MapContainer  */
+/* Base theme                               */
+/* ======================================== */
 
-
-/* LESS for control sap.ui.vbm/MapContainer.control...................................*/
-
-
-/*...........................................................................*/
-
-
-/* main map container style..................................................*/
-
-.sapUiVkMapContainer {}
 .sapUiVkMapContainerOverlay {
 	position: absolute;
 	top: 0.5rem;
@@ -19,12 +12,15 @@
 	/* necessary to let events through to the content below */
 	pointer-events: none;
 }
+
 html.sap-phone {
+
 	.sapUiVkMapContainerOverlay {
 		top: 0.25rem;
 		left: 0.25rem;
 		right: 0.25rem;
 	}
+
 	.sapUiVkContainerBaseWrapper {
 		position: absolute;
 		top: 0px;
@@ -32,16 +28,20 @@ html.sap-phone {
 		transition: transform 0.4s;
 	}
 }
+
 .sapUiVkMapContainer {
+
 	.sapUiVkContainerBaseContentArea {
-		padding-top: 0px;
+		padding-top: 0;
 	}
+
 	.sapUiVkContainerBaseToolbarArea {
 		position: static;
 		/* since parent sapUiVkMapContainerOverlay declares pointer-events: none, which gets inherited,
-		 this is needed to make toolbar buttons functional */
+		this is needed to make toolbar buttons functional */
 		pointer-events: auto;
 	}
+
 	.sapUiVkContainerBaseToolbarArea .sapMTB {
 		border: none;
 		/* This trick allows to let events pass transparent parts of the toolbar */
@@ -49,24 +49,29 @@ html.sap-phone {
 		overflow: visible;
 		margin-top: 1.5rem;
 	}
+
 	.sapUiVkMapContainerListPanelArea {
 		/* since parent sapUiVkMapContainerOverlay declares pointer-events: none, which gets inherited,
-		 this is needed to make ListPanelStack functional */
+		this is needed to make ListPanelStack functional */
 		pointer-events: auto;
 	}
 }
+
 .sapUiSizeCompact .sapUiVkMapContainer .sapUiVkContainerBaseToolbarArea .sapMTB {
 	margin-top: 1rem;
 }
+
 .sapUiVkMapContainerNavbarArea {
 	position: absolute;
-	right: 0rem;
-	bottom: 0rem;
+	right: 0;
+	bottom: 0;
 	/* since parent sapUiVkMapContainerOverlay declares pointer-events: none, which gets inherited,
-		 this is needed to make navbar buttons functional */
+	this is needed to make navbar buttons functional */
 	pointer-events: auto;
 }
+
 .sapUiVkMapContainerNavbarArea {
+
 	.sapMTB {
 		border: none !important;
 		flex-direction: column;
@@ -75,13 +80,15 @@ html.sap-phone {
 		overflow: visible;
 		background: transparent;
 	}
-	.sapMIBar>.sapMBarChild:last-child {
+
+	.sapMIBar > .sapMBarChild:last-child {
 		margin-top: -0.5rem;
 	}
 }
+
 .sapUiVkMapContainerLPW {
-	top: 0px;
-	left: 0px;
+	top: 0;
+	left: 0;
 	background: white;
 	width: 100%;
 	height: 100%;
@@ -91,20 +98,25 @@ html.sap-phone {
 	transition: transform 0.4s;
 	box-sizing: border-box;
 }
+
 html.sap-phone .sapUiVkMapContainerListPanelArea {
 	/* neutralize padding from sapUiVkMapContainerLPW */
 	margin-left: -0.25rem;
 }
+
 html:not(.sap-phone) .sapUiVkMapContainerListPanelArea {
 	float: left;
 }
+
 .sapUiVkMapContainerLPWIn {
 	transform: translateX(0%);
 }
+
 .sapUiVkMapContainerMapOut {
 	transform: translateX(100%);
 }
-html[dir=rtl] {
+
+html[dir='rtl'] {
 	.sapUiVkMapContainerLPW {
 		transform: translateX(100%);
 	}
@@ -116,15 +128,12 @@ html[dir=rtl] {
 	}
 }
 
-
 .mapContainerHboxPopover.sapMFlexBox.sapMFlexBoxAlignContentStretch.sapMFlexBoxAlignItemsStretch.sapMFlexBoxBGTransparent.sapMFlexBoxJustifyStart.sapMFlexBoxWrapNoWrap.sapMHBox {
 	height:5rem;
 	width: 100%;
 }
 
-
-
-.mapLayerPopoverItemText.sapMText.sapMTextBreakWord.sapMTextMaxWidth.sapUiSelectable{
+.mapLayerPopoverItemText.sapMText.sapMTextBreakWord.sapMTextMaxWidth.sapUiSelectable {
 	bottom: 0.1rem;
 	right: 0.3rem;
 	position: absolute;
@@ -132,14 +141,12 @@ html[dir=rtl] {
 	margin-bottom: 0.15rem;
 }
 
-
-.layerType.sapMImg.sapMPointer{
+.layerType.sapMImg.sapMPointer {
 	border: 0.15rem solid white;
 	width: 4.7rem;
 	height: 4.7rem;
 }
 
-
 .sapUiVkMapContainerNavbarArea .mapLayerPopoverItem {
 	position: absolute;
 	border: 0.15rem solid white;
@@ -150,7 +157,6 @@ html[dir=rtl] {
 	z-index: 1;
 }
 
-
 .sapUiVkMapContainerNavbarContainer {
 	position: absolute;
 	right: 0;
@@ -171,24 +177,29 @@ html[dir=rtl] {
 }
 
 .sapUiVkMapContainer {
+
 	.sapUiVkContainerBaseToolbarArea .sapMBtnTransparent:not(.sapMToggleBtnPressed),
 	.sapUiVkMapContainerNavbarArea .sapMBtnTransparent:not(.sapMToggleBtnPressed) {
 		/* make transparent button in toolbar look like segmented button */
 		background-color: @sapUiSegmentedButtonBackground;
-		border-radius: 0px;
+		border-radius: 0;
 		border-color: @sapUiSegmentedButtonBorderColor;
 	}
+
 	html.sap-desktop & .sapMSegBBtnFocusable:not(.sapMSegBBtnSel):hover,
 	/* needed for segmented button on hover */
-	:not(.sapMBtnDisabled)>.sapMBtnInner.sapMBtnActive .sapMBtnIcon {
+	:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnActive .sapMBtnIcon {
 		/* button active state */
 		color: @sapUiSegmentedButtonIconColor;
 	}
 }
+
 html:not(.sap-phone) .sapUiVkMapContainer {
+
 	.sapUiVkListPanelStack {
-		border: 1px solid @sapList_BorderColor;
+		border: 1px solid var(--sapList_BorderColor);
 	}
+
 	.sapUiVkMapContainerListPanelArea {
 		padding: 0.0625rem 0.125rem;
 		/* needed for shadow bleeding from inner div */
@@ -196,15 +207,12 @@ html:not(.sap-phone) .sapUiVkMapContainer {
 }
 
 @font-face {
-       font-family: 'map-container';
-       src:url('fonts/map-container.eot?#iefix') format('embedded-opentype'),
-               url('fonts/map-container.woff') format('woff'),
-               url('fonts/map-container.ttf') format('truetype');
-       font-weight: normal;
-       font-style: normal;
+	font-family: 'map-container';
+	src: url('fonts/map-container.woff') format('woff');
+	font-weight: normal;
+	font-style: normal;
 }
 
-
 #__popover0-scroll {
-	margin-right: 0px !important;
-}
+	margin-right: 0 !important;
+}