Update styles

This commit is contained in:
Sam El-Husseini 2017-08-04 15:14:24 -07:00
parent c9cdd3112a
commit b234337dda

View File

@ -98,12 +98,9 @@ span.blocklyTreeLabel {
} }
/* Editor menu toggle */ /* Editor menu toggle */
#menubar .ui.menu .item.editor-menuitem { #menubar .ui.menu.fixed .item.editor-menuitem .ui.grid {
background: @blue !important; background: @blue !important;
} }
#menubar .ui.menu .item.editor-menuitem .item {
color: white !important;
}
/* Search box */ /* Search box */
#blocklySearchArea { #blocklySearchArea {
@ -124,11 +121,6 @@ span.blocklyTreeLabel {
#filelist { #filelist {
background: transparent; background: transparent;
} }
div.blocklyTreeRow {
padding-bottom: 2rem !important;
min-height: @blocklyRowHeightMobile;
line-height: @blocklyRowHeightMobile/2;
}
#blocklyTrashIcon { #blocklyTrashIcon {
margin: 0.2rem; margin: 0.2rem;
} }
@ -136,29 +128,14 @@ span.blocklyTreeLabel {
/* Tablet */ /* Tablet */
@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) { @media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
div.blocklyTreeRow {
padding-left: 0.5rem !important;
min-height: @blocklyRowHeightTablet;
line-height: @blocklyRowHeightTablet/2;
}
} }
/* Small Monitor */ /* Small Monitor */
@media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) { @media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) {
div.blocklyTreeRow {
padding-left: 0.5rem !important;
min-height: @blocklyRowHeightComputer;
line-height: @blocklyRowHeightComputer/2;
}
} }
/* Large Monitor */ /* Large Monitor */
@media only screen and (min-width: @largeMonitorBreakpoint) { @media only screen and (min-width: @largeMonitorBreakpoint) {
div.blocklyTreeRow {
padding-left: 0.5rem !important;
min-height: @blocklyRowHeightWide;
line-height: @blocklyRowHeightWide/2;
}
} }
/* Mobile, Tablet AND thin screen */ /* Mobile, Tablet AND thin screen */
@media only screen and (max-width: @largestTabletScreen) and (max-height: @thinEditorBreakpoint) { @media only screen and (max-width: @largestTabletScreen) and (max-height: @thinEditorBreakpoint) {