{"id":1010,"date":"2019-12-03T13:42:43","date_gmt":"2019-12-03T04:42:43","guid":{"rendered":"https:\/\/ahnbk.com\/?p=1010"},"modified":"2019-12-03T13:45:51","modified_gmt":"2019-12-03T04:45:51","slug":"change-the-category-title-color-and-thickness-of-scrollbar-on-blockly","status":"publish","type":"post","link":"https:\/\/ahnbk.com\/?p=1010","title":{"rendered":"Change the category title color and thickness of scrollbar on Blockly"},"content":{"rendered":"\n<p>Blockly\uc758 \ucc98\uc74c \uc778\uc0c1\uc740 \uad49\uc7a5\ud788 \ub2e8\uc21c\ud574 \ubcf4\uc778\ub2e4. \uba87\uac00\uc9c0\ub9cc \uc218\uc815\ud558\uba74 \uc880\ub354 \uc774\uc058\uac8c \ubcf4\uc77c\uc218 \uc788\uc744 \uac83 \uac19\uc740\ub370, \uc77c\ub2e8\uc740 \ucf54\ub4dc \uc0c1\uc5d0\uc11c \ud574\uacb0\ud574\uc57c \ud558\ub294 \uc81c\ubaa9\uc5d0\uc11c \ubcf4\uc774\ub294 \ub450 \ub0b4\uc6a9\uc744 \uc801\uc6a9\ud558\ub3c4\ub85d \uc218\uc815\ud574\ubcf8\ub2e4.<\/p>\n\n\n\n<p>\uc18c\uc2a4 \ud30c\uc77c\uc758 \ub0b4\uc6a9 \uae30\uc900\uc740 \ud604\uc7ac \uac00\uc7a5 \ucd5c\uc2e0\ubc84\uc804\uc778 blockly-3.20191014.4\ub97c \uae30\uc900\uc73c\ub85c \ud55c\ub2e4. \ucd94\ud6c4 \uc5c5\ub370\uc774\ud2b8 \ub418\ub354\ub77c\ub3c4 \ud070 \ucc28\uc774\ub294 \uc5c6\uc744\ud14c\ub2c8 \uc798 \ucc3e\uc544\uc11c \uc801\uc6a9\ud558\uba74 \ub420\ub4ef.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Scrollbar Thickness<\/h2>\n\n\n\n<p>blockly-3.20191014.4\/core\/scrollbar.js  [301:305]<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Blockly.Scrollbar.scrollbarThickness = 15;\nif (Blockly.Touch.TOUCH_ENABLED) {\n  Blockly.Scrollbar.scrollbarThickness = 25;\n}<\/code><\/pre>\n\n\n\n<p>\uc704 \ub450 \uac12 (15, 25)\ub97c \uc6d0\ud558\ub294 \uac12\uc73c\ub85c \uc218\uc815. \ub300\ub7b5 4, 8 \uc815\ub3c4\uba74 \uc801\ub2f9\ud55c \ub4ef.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Category Title Color<\/h2>\n\n\n\n<p>blockly-3.20191014.4\/core\/toolbox.js [259:275]<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Blockly.Toolbox.prototype.handleBeforeTreeSelected_ = function(node) {\n  if (node == this.tree_) {\n    return false;\n  }\n  if (this.lastCategory_) {\n    this.lastCategory_.getRowElement().style.backgroundColor = '';\n    this.addColour_(); \/\/ add\n  }\n  if (node) {\n    var hexColour = node.hexColour || '#57e';\n    node.getRowElement().style.backgroundColor = hexColour;\n    node.getRowElement().getElementsByTagName('span')[1].style.color = '#fff'; \/\/ add\n    \/\/ Add colours to child nodes which may have been collapsed and thus\n    \/\/ not rendered.\n    this.addColour_(node);\n  }\n  return true;\n};<\/code><\/pre>\n\n\n\n<p>blockly-3.20191014.4\/core\/toolbox.js [605:627]<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Blockly.Toolbox.prototype.addColour_ = function(opt_tree) {\n  var tree = opt_tree || this.tree_;\n  var children = tree.getChildren(false);\n  for (var i = 0, child; child = children[i]; i++) {\n    var element = child.getRowElement();\n    if (element) {\n      if (this.hasColours_) {\n        var border = '8px solid ' + (child.hexColour || '#ddd');\n        var colour = child.hexColour || '#000'; \/\/ add\n      } else {\n        var border = 'none';\n        var colour = '#000'; \/\/ add\n      }\n      element.getElementsByTagName('span')[1].style.color = colour; \/\/ add\n      if (this.workspace_.RTL) {\n        element.style.borderRight = border;\n      } else {\n        element.style.borderLeft = border;\n      }\n    }\n    this.addColour_(child);\n  }\n};<\/code><\/pre>\n\n\n\n<p>\uc704\uc640 \uac19\uc774 \/\/ add \ub77c\uace0 \ub418\uc5b4 \uc788\ub294 \uc904\uc744 \ud568\uc218 \ub0b4\uc5d0 \ucd94\uac00\ud558\uace0, blockly \ub514\ub809\ud1a0\ub9ac \ub0b4\uc5d0\uc11c  \ube4c\ub4dc\ub97c \ud574\ubcf4\uba74,<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$ .\/build.py<\/code><\/pre>\n\n\n\n<p>\uc555\ucd95\ub41c javascript \ud30c\uc77c\uc774 \uc0dd\uc131\ub41c\ub2e4. \uc774\ub97c \uc774\uc6a9\ud558\uc5ec \ub370\ubaa8\ud398\uc774\uc9c0\ub97c \ubcf4\uac8c \ub418\uba74,<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"1012\" data-permalink=\"https:\/\/ahnbk.com\/?attachment_id=1012\" data-orig-file=\"https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/12\/image.png?fit=2450%2C1416&amp;ssl=1\" data-orig-size=\"2450,1416\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"image\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/12\/image.png?fit=1000%2C578&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/12\/image.png?fit=525%2C303&amp;ssl=1\" decoding=\"async\" loading=\"lazy\" width=\"525\" height=\"303\" src=\"https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/12\/image.png?resize=525%2C303&#038;ssl=1\" alt=\"\" class=\"wp-image-1012\" srcset=\"https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/12\/image.png?resize=2000%2C1156&amp;ssl=1 2000w, https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/12\/image.png?resize=1000%2C578&amp;ssl=1 1000w, https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/12\/image.png?resize=768%2C444&amp;ssl=1 768w, https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/12\/image.png?resize=1536%2C888&amp;ssl=1 1536w, https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/12\/image.png?resize=2048%2C1184&amp;ssl=1 2048w, https:\/\/i0.wp.com\/ahnbk.com\/wp-content\/uploads\/2019\/12\/image.png?w=1050&amp;ssl=1 1050w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" data-recalc-dims=\"1\" \/><\/figure>\n\n\n\n<p>\uc815\ud574\uc9c4 \uce74\ud14c\uace0\ub9ac\uc758 \ud14c\ub9c8 \uc0c9\uc0c1\uc5d0 \ub530\ub77c, \uce74\ud14c\uace0\ub9ac\uc758 \ud0c0\uc774\ud2c0 \uc0c9\uc0c1\uacfc \uc2a4\ud06c\ub864\ubc14\uc758 \ud06c\uae30 \uc5ed\uc2dc \uc138\ub828\ub418\uac8c \ubcc0\uacbd \ub428\uc744 \ubcfc \uc218 \uc788\ub2e4. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Blockly\uc758 \ucc98\uc74c \uc778\uc0c1\uc740 \uad49\uc7a5\ud788 \ub2e8\uc21c\ud574 \ubcf4\uc778\ub2e4. \uba87\uac00\uc9c0\ub9cc \uc218\uc815\ud558\uba74 \uc880\ub354 \uc774\uc058\uac8c \ubcf4\uc77c\uc218 \uc788\uc744 \uac83 \uac19\uc740\ub370, \uc77c\ub2e8\uc740 \ucf54\ub4dc \uc0c1\uc5d0\uc11c \ud574\uacb0\ud574\uc57c \ud558\ub294 \uc81c\ubaa9\uc5d0\uc11c \ubcf4\uc774\ub294 \ub450 \ub0b4\uc6a9\uc744 \uc801\uc6a9\ud558\ub3c4\ub85d \uc218\uc815\ud574\ubcf8\ub2e4. \uc18c\uc2a4 \ud30c\uc77c\uc758 \ub0b4\uc6a9 \uae30\uc900\uc740 \ud604\uc7ac \uac00\uc7a5 \ucd5c\uc2e0\ubc84\uc804\uc778 blockly-3.20191014.4\ub97c \uae30\uc900\uc73c\ub85c \ud55c\ub2e4. \ucd94\ud6c4 \uc5c5\ub370\uc774\ud2b8 \ub418\ub354\ub77c\ub3c4 \ud070 \ucc28\uc774\ub294 \uc5c6\uc744\ud14c\ub2c8 \uc798 \ucc3e\uc544\uc11c \uc801\uc6a9\ud558\uba74 \ub420\ub4ef. Scrollbar Thickness blockly-3.20191014.4\/core\/scrollbar.js [301:305] \uc704 \ub450 \uac12 (15, 25)\ub97c \uc6d0\ud558\ub294 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/ahnbk.com\/?p=1010\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Change the category title color and thickness of scrollbar on Blockly&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"footnotes":"","_jetpack_memberships_contains_paid_content":false},"categories":[90],"tags":[91,242,243,245,244],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p2wXSW-gi","jetpack-related-posts":[],"jetpack_likes_enabled":false,"_links":{"self":[{"href":"https:\/\/ahnbk.com\/index.php?rest_route=\/wp\/v2\/posts\/1010"}],"collection":[{"href":"https:\/\/ahnbk.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ahnbk.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ahnbk.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ahnbk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1010"}],"version-history":[{"count":4,"href":"https:\/\/ahnbk.com\/index.php?rest_route=\/wp\/v2\/posts\/1010\/revisions"}],"predecessor-version":[{"id":1016,"href":"https:\/\/ahnbk.com\/index.php?rest_route=\/wp\/v2\/posts\/1010\/revisions\/1016"}],"wp:attachment":[{"href":"https:\/\/ahnbk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1010"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ahnbk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1010"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ahnbk.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}