ui changes accompanying pxt mobile ui fixes
This commit is contained in:
		@@ -29,7 +29,7 @@
 | 
				
			|||||||
*******************************/
 | 
					*******************************/
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@mainMenuHeight: 5rem;
 | 
					@mainMenuHeight: 5rem;
 | 
				
			||||||
@mobileMenuHeight: 5rem;
 | 
					@mobileMenuHeight: 4.4rem;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@simulatorBackground: #FDFDFF;
 | 
					@simulatorBackground: #FDFDFF;
 | 
				
			||||||
@blocklySvgColor: #ecf0f1;
 | 
					@blocklySvgColor: #ecf0f1;
 | 
				
			||||||
@@ -35,16 +35,6 @@
 | 
				
			|||||||
    &:extend(.orange all);
 | 
					    &:extend(.orange all);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.ui.menu .item.editor-menuitem {
 | 
					 | 
				
			||||||
    background: @primaryColor !important;
 | 
					 | 
				
			||||||
    margin: 0.5rem;
 | 
					 | 
				
			||||||
    padding: 0.7rem;
 | 
					 | 
				
			||||||
    border-radius: 0.5rem;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
.ui.menu.fixed .item.blocks-menuitem, .ui.menu.fixed .item.javascript-menuitem {
 | 
					 | 
				
			||||||
    border-radius: 0.2rem !important;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
#filelist {
 | 
					#filelist {
 | 
				
			||||||
    background: #fff url(https://az742082.vo.msecnd.net/pub/psopafpj) 0 0 repeat !important;
 | 
					    background: #fff url(https://az742082.vo.msecnd.net/pub/psopafpj) 0 0 repeat !important;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
@@ -117,7 +107,7 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* Mobile */
 | 
					/* Mobile */
 | 
				
			||||||
@media only screen and (max-width: @largestMobileEditorBreakpoint) {
 | 
					@media only screen and (max-width: @largestMobileScreen) {
 | 
				
			||||||
    #filelist {
 | 
					    #filelist {
 | 
				
			||||||
        background: transparent !important;
 | 
					        background: transparent !important;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
@@ -127,7 +117,7 @@
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* Tablet */
 | 
					/* Tablet */
 | 
				
			||||||
@media only screen and (min-width: @tabletEditorBreakpoint) and (max-width: @largestTabletEditorBreakpoint) {
 | 
					@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
 | 
				
			||||||
    .organization {
 | 
					    .organization {
 | 
				
			||||||
        top: auto;
 | 
					        top: auto;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
@@ -139,7 +129,7 @@
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* Small Monitor */
 | 
					/* Small Monitor */
 | 
				
			||||||
@media only screen and (min-width: @computerEditorBreakpoint) and (max-width: @largestSmallMonitorEditorBreakpoint) {
 | 
					@media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) {
 | 
				
			||||||
    .organization {
 | 
					    .organization {
 | 
				
			||||||
        top: auto;
 | 
					        top: auto;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
@@ -151,7 +141,7 @@
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* Large Monitor */
 | 
					/* Large Monitor */
 | 
				
			||||||
@media only screen and (min-width: @largeMonitorEditorBreakpoint) {
 | 
					@media only screen and (min-width: @largeMonitorBreakpoint) {
 | 
				
			||||||
    .blocklyTreeRow {
 | 
					    .blocklyTreeRow {
 | 
				
			||||||
        width: 230px;
 | 
					        width: 230px;
 | 
				
			||||||
        padding-left: 1rem;
 | 
					        padding-left: 1rem;
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user