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

updated css breakpoints

Browse Source
This commit is contained in:
Peli de Halleux 2016-12-22 22:36:06 -08:00
parent 360e2b7ba6
commit 98eab3672f
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
pxtarget.json
View File

@ -289,8 +289,16 @@
], ],
"invertedMenu": true, "invertedMenu": true,
"invertedToolbox": true, "invertedToolbox": true,
"coloredToolbox": true,
"simAnimationEnter": "rotate in", "simAnimationEnter": "rotate in",
"simAnimationExit": "rotate out", "simAnimationExit": "rotate out",
"blocklyOptions": { } "blocklyOptions": {
"grid": {
"spacing": 45,
"length": 7,
"colour": "rgba(189, 195, 199, 0.30)",
"snap": false
}
}
} }
} }

8
theme/style.less
View File

@ -103,7 +103,7 @@
} }
/* Mobile */ /* Mobile */
@media only screen and (max-width: @largestMobileScreen) { @media only screen and (max-width: @largestMobileEditorBreakpoint) {
.blocklyTreeLabel { .blocklyTreeLabel {
font-size: 0.5rem !important; font-size: 0.5rem !important;
} }
@ -113,7 +113,7 @@
} }
/* Tablet */ /* Tablet */
@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) { @media only screen and (min-width: @tabletEditorBreakpoint) and (max-width: @largestTabletEditorBreakpoint) {
.organization { .organization {
top: auto; top: auto;
} }
@ -125,7 +125,7 @@
} }
/* Small Monitor */ /* Small Monitor */
@media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) { @media only screen and (min-width: @computerEditorBreakpoint) and (max-width: @largestSmallMonitorEditorBreakpoint) {
.organization { .organization {
top: auto; top: auto;
} }
@ -140,7 +140,7 @@
} }
/* Large Monitor */ /* Large Monitor */
@media only screen and (min-width: @largeMonitorBreakpoint) { @media only screen and (min-width: @largeMonitorEditorBreakpoint) {
.blocklyTreeRow { .blocklyTreeRow {
width: 230px; width: 230px;
} }