docs(playground): decrease side panel width and hide it under 1100px (#186)

Author: ilhan007

packages/playground/webapp/css/style.css

@@ -400,10 +400,13 @@ html[data-sap-ui-os^="iOS"] .customToolPage .sapTntToolPageMainContentWrapper {
 	display: none !important;
 }
 
-@media screen and (max-width: 600px) {
+@media screen and (max-width: 1100px) {
 	.side-links {
 		display: none !important; 
 	}
+}
+
+@media screen and (max-width: 600px) {
 	.version-label {
 		display: none !important;
 	}

packages/playground/webapp/view/Main.view.xml

@@ -88,8 +88,8 @@
 
 			<FlexBox direction="Row" width="100%" height="100%" id="main-content-wrapper">
 				<pc:Frame id="ContentFrame" class="content-iframe" width="100%" height="100%" src="{/selectedView}"></pc:Frame>
-				<FlexBox width="15rem" class="side-links" visible="{/showNavigationLinks}">
-					<List width="15rem" id="links-list" class="links-list sapUiMediumMarginTop" itemPress="onLinkPressed">
+				<FlexBox width="10rem" class="side-links" visible="{/showNavigationLinks}">
+					<List width="10rem" id="links-list" class="links-list sapUiMediumMarginTop" itemPress="onLinkPressed">
 						<ActionListItem text="Samples"/>
 						<ActionListItem text="API Reference"/>
 					</List>