...

'}),"."]}),(0,l.jsx)(e.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{__rawString__:`

    def __line(self, message):
        if len(self.line_notify_token) > 0:
            requests.post('https://notify-api.line.me/api/notify', headers={'Authorization': 'Bearer ' + self.line_notify_token}, data={'message': '\\n' + message})

`,"data-language":"html","data-theme":"github-dark-dimmed",style:{backgroundColor:"#22272e",color:"#adbac7"},tabIndex:"0",children:(0,l.jsxs)(e.code,{"data-language":"html","data-theme":"github-dark-dimmed",style:{display:"grid"},children:[(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#768390"},children:""})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#adbac7"},children:"<"}),(0,l.jsx)(e.span,{style:{color:"#8ddb8c"},children:"pre"}),(0,l.jsx)(e.span,{style:{color:"#6cb6ff"},children:" class"}),(0,l.jsx)(e.span,{style:{color:"#adbac7"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96d0ff"},children:'"wp-block-code"'}),(0,l.jsx)(e.span,{style:{color:"#adbac7"},children:"><"}),(0,l.jsx)(e.span,{style:{color:"#8ddb8c"},children:"code"}),(0,l.jsx)(e.span,{style:{color:"#adbac7"},children:"> def __line(self, message):"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#adbac7"},children:" if len(self.line_notify_token) > 0:"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#adbac7"},children:" requests.post('https://notify-api.line.me/api/notify', headers={'Authorization': 'Bearer ' + self.line_notify_token}, data={'message': '\\n' + message})"})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#adbac7"},children:""})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#768390"},children:""})})]})})}),(0,l.jsx)(e.p,{children:"For the above code, do the following two things:"}),(0,l.jsxs)(e.ol,{children:[(0,l.jsxs)(e.li,{children:["Change the ",(0,l.jsx)(e.code,{__isInlineCode__:"true",children:"pre class"}),' from "wp-block-code" to "scrollable-code".']}),(0,l.jsxs)(e.li,{children:["Remove the ",(0,l.jsx)(e.code,{__isInlineCode__:"true",children:""})," tags."]})]}),(0,l.jsx)(e.p,{children:"It should look like the code below:"}),(0,l.jsx)(e.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(e.pre,{__rawString__:`

    def __line(self, message):
    if len(self.line_notify_token) > 0:
        requests.post('https://notify-api.line.me/api/notify', headers={'Authorization': 'Bearer ' + self.line_notify_token}, data={'message': '\\n' + message})

`,"data-language":"html","data-theme":"github-dark-dimmed",style:{backgroundColor:"#22272e",color:"#adbac7"},tabIndex:"0",children:(0,l.jsxs)(e.code,{"data-language":"html","data-theme":"github-dark-dimmed",style:{display:"grid"},children:[(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#768390"},children:""})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#adbac7"},children:"<"}),(0,l.jsx)(e.span,{style:{color:"#8ddb8c"},children:"pre"}),(0,l.jsx)(e.span,{style:{color:"#6cb6ff"},children:" class"}),(0,l.jsx)(e.span,{style:{color:"#adbac7"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#96d0ff"},children:'"scrollable-code"'}),(0,l.jsx)(e.span,{style:{color:"#adbac7"},children:"> def __line(self, message):"})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#adbac7"},children:" if len(self.line_notify_token) > 0:"})}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#adbac7"},children:" requests.post('https://notify-api.line.me/api/notify', headers={'Authorization': 'Bearer ' + self.line_notify_token}, data={'message': '\\n' + message})"})}),` `,(0,l.jsxs)(e.span,{"data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#adbac7"},children:""})]}),` `,(0,l.jsx)(e.span,{"data-line":"",children:(0,l.jsx)(e.span,{style:{color:"#768390"},children:""})})]})})}),(0,l.jsx)(e.p,{children:"Here is the completed code sample with horizontal scrolling support:"}),(0,l.jsx)(e.p,{children:(0,l.jsx)(e.img,{alt:"image",src:"/blog/4/sample.png"})}),(0,l.jsx)(e.p,{children:"That's all."})]})}function k(n={}){let{wrapper:e}=n.components||{};return e?(0,l.jsx)(e,Object.assign({},n,{children:(0,l.jsx)(t,n)})):t(n)}var x=k;return _(C);})(); ;return Component;

Scrolling the code embedded in a post of the WordPress Hestia theme horizontally.