Allow category menu to render horizontally

This commit is contained in:
Paul Kaplan 2017-08-25 10:25:11 -04:00
parent 101d195e48
commit 4f4e1b6812
2 changed files with 24 additions and 6 deletions

View file

@ -1114,10 +1114,27 @@ Blockly.Css.CONTENT = [
'-ms-user-select: none;',
'}',
'.scratchCategoryMenuHorizontal {',
'width: 100%;',
'height: 50px;',
'background: $colour_toolbox;',
'color: $colour_toolboxText;',
'font-size: .7em;',
'user-select: none;',
'-webkit-user-select: none;',
'-moz-user-select: none;',
'-ms-user-select: none;',
'}',
'.scratchCategoryMenuHorizontal .scratchCategoryMenuRow {',
'float: left;',
'margin: 3px;',
'}',
'.scratchCategoryMenuRow {',
'}',
'.scratchCategoryMenuRow + .scratchCategoryMenuRow:before {',
'.scratchCategoryMenu .scratchCategoryMenuRow + .scratchCategoryMenuRow:before {',
'display: block;',
'border-top: 1px solid #ddd;',
'content: "";',
@ -1132,6 +1149,10 @@ Blockly.Css.CONTENT = [
'text-align: center;',
'}',
'.scratchCategoryMenuHorizontal .scratchCategoryMenuItem {',
'padding: 6px 5px;',
'}',
'.scratchCategoryMenuItem.categorySelected {',
'background: $colour_toolboxSelected;',
'border-radius: 6px;',