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

ui changes accompanying changes in pxt, converging where possible

Browse Source
This commit is contained in:
Sam El-Husseini 2016-12-31 02:15:21 -08:00
parent 734e81f4be
commit ef6c3a6617
1 changed files with 10 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
theme/style.less
View File

@ -88,12 +88,16 @@
} }
/* Blockly Toolbox Buttons */ /* Blockly Toolbox Buttons */
#blocklyToolboxButtons .blocklyAddPackageButton { .blocklyToolboxButtons .blocklyAddPackageButton {
&:extend(.ui.button all);
&:extend(.circular all);
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
color: white; color: white;
} }
#blocklyToolboxButtons .blocklyUndoButton { .blocklyToolboxButtons .blocklyUndoButton {
&:extend(.ui.button all);
&:extend(.circular all);
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
color: white; color: white;
} }
@ -103,52 +107,22 @@
} }
/* Mobile */ /* Mobile */
@media only screen and (max-width: @largestMobileEditorBreakpoint) { @media only screen and (max-width: @largestMobileScreen) {
.blocklyTreeLabel { .blocklyTreeLabel {
font-size: 0.5rem !important; font-size: 0.5rem !important;
} }
.organization {
top: auto;
}
} }
/* 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 {
top: auto;
}
/* Blockly Toolbox buttons */
#blocklyToolboxButtons {
margin-right: 0.5rem;
margin-left: 0.5rem;
}
} }
/* 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 {
top: auto;
}
.blocklyTreeRow {
width: 230px;
}
/* Blockly Toolbox buttons */
#blocklyToolboxButtons {
margin-right: 1rem;
margin-left: 1rem;
}
} }
/* Large Monitor */ /* Large Monitor */
@media only screen and (min-width: @largeMonitorEditorBreakpoint) { @media only screen and (min-width: @largeMonitorBreakpoint) {
.blocklyTreeRow {
width: 230px;
}
/* Blockly Toolbox buttons */
#blocklyToolboxButtons {
margin-right: 2rem;
margin-left: 2rem;
}
} }
/******************************* /*******************************