c_meyer/pxt-calliope
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui changes accompanying pxt mobile ui fixes

Browse Source
This commit is contained in:
Sam El-Husseini 2016-12-31 01:43:45 -08:00
parent ea2bd7ba10
commit 63c8342b86
2 changed files with 5 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
theme/site/globals/site.variables
View File

@ -29,7 +29,7 @@
*******************************/ *******************************/
@mainMenuHeight: 5rem; @mainMenuHeight: 5rem;
@mobileMenuHeight: 5rem; @mobileMenuHeight: 4.4rem;
@simulatorBackground: #FDFDFF; @simulatorBackground: #FDFDFF;
@blocklySvgColor: #ecf0f1; @blocklySvgColor: #ecf0f1;

18
theme/style.less
View File

@ -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;