{"id":840,"date":"2020-01-28T10:38:27","date_gmt":"2020-01-28T10:38:27","guid":{"rendered":"https:\/\/html5-chat.com\/blog\/?p=840"},"modified":"2020-01-28T10:38:29","modified_gmt":"2020-01-28T10:38:29","slug":"left-layout-for-chat","status":"publish","type":"post","link":"https:\/\/html5-chat.com\/blog\/left-layout-for-chat\/","title":{"rendered":"Left layout for chat"},"content":{"rendered":"\n<p>We updated our layout system using <strong><a href=\"https:\/\/developer.mozilla.org\/fr\/docs\/Web\/CSS\/flex\">flex <\/a><\/strong>for display elements. This allows to easily change the layout of the chat.<\/p>\n\n\n\n<p>The first layout change you can do is to align the user list on the left.  You can swap from left\/right layout from you chatadmin console -> config-> design and select between &#8220;left&#8221; and &#8220;right&#8221; from the  &#8220;<strong>Display users&#8217; list on the left<\/strong>&#8221; select box.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"520\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/01\/leftLayout-1024x520.jpg\" alt=\"\" class=\"wp-image-841\" srcset=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/01\/leftLayout-1024x520.jpg 1024w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/01\/leftLayout-300x152.jpg 300w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/01\/leftLayout-768x390.jpg 768w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/01\/leftLayout.jpg 1287w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>A sample with LEFT layout<\/figcaption><\/figure>\n\n\n","protected":false},"excerpt":{"rendered":"<p>We updated our layout system using flex for display elements. This allows to easily change the layout of the chat. The first layout change you can do is to align the user list on the left. You can swap from left\/right layout from you chatadmin console -> config-> design and select between &#8220;left&#8221; and &#8220;right&#8221; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":842,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[155,156],"class_list":["post-840","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-theme","tag-design","tag-layout"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/840","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/comments?post=840"}],"version-history":[{"count":1,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/840\/revisions"}],"predecessor-version":[{"id":843,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/840\/revisions\/843"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media\/842"}],"wp:attachment":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media?parent=840"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/categories?post=840"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/tags?post=840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}