{"id":107,"date":"2010-01-31T21:27:46","date_gmt":"2010-02-01T02:27:46","guid":{"rendered":"http:\/\/guywyant.info\/log\/107\/on-google-waves-ui-where-to-put-the-blip-creator\/"},"modified":"2020-06-02T00:48:03","modified_gmt":"2020-06-02T05:48:03","slug":"on-google-waves-ui-where-to-put-the-blip-creator","status":"publish","type":"post","link":"http:\/\/guywyant.info\/log\/107\/on-google-waves-ui-where-to-put-the-blip-creator\/","title":{"rendered":"On Google Wave&rsquo;s UI: Where to Put the Blip-contributors"},"content":{"rendered":"<p>In most of the Google Wave waves I use, it would make more sense to have the blip-creator thumbnail and name changed to be right-aligned, basically what I\u2019ve mocked up below.<\/p>\n<p><img loading=\"lazy\" style=\"border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px\" title=\"\" border=\"0\" alt=\"\" src=\"http:\/\/guywyant.info\/log\/wp-content\/uploads\/2010\/01\/Capture.png\" width=\"538\" height=\"534\" \/> <\/p>\n<\/p>\n<p>This style is less disruptive to the overall document\u2019s formatting, and makes the wave look much more cohesive and professional. For chat-style exchanges, it\u2019s important to keep what is said closely linked to who\u2019s saying it, but when collaboratively editing, it\u2019s rather unnecessary, and turns out to be more distracting than anything else.<\/p>\n<p>[Continued 10 minutes after realizing this would actually be doable with Stylish]<\/p>\n<p>Here I present to you, the smallest style with the largest impact for Google Wave: Now all of my waves look like this (except they\u2019re not in Russian).<\/p>\n<p><img loading=\"lazy\" style=\"border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px\" title=\"1\" border=\"0\" alt=\"1\" src=\"http:\/\/guywyant.info\/log\/wp-content\/uploads\/2010\/02\/1.jpg\" width=\"538\" height=\"477\" \/> <\/p>\n<\/p>\n<p>The names of the blip\u2019s contributors are hidden, as well as the time\/date (I don\u2019t need either one near enough to justify how much they mess up the formatting of blips). The drop-down menu is made smaller but still displayed. The good part for you is that each part is incredibly easy to hide or show; the CSS is below, and if you want to hide or show the time, names, or menu, just add or delete the appropriate item from the list! <\/p>\n<p>Want it quick? Firefox users,&#160; <a href=\"http:\/\/userstyles.org\/styles\/24776\">install it from here<\/a> as a Stylish style or a Greasemonkey script. I also threw together a simple <a href=\"https:\/\/chrome.google.com\/extensions\/detail\/epdjafiljkbgphifdghjennmeadnjnel\/\">Chrome extension<\/a>.<\/p>\n<div style=\"border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px\" id=\"codeSnippetWrapper\">\n<div style=\"border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px\" id=\"codeSnippet\">\n<pre style=\"border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px\"><span style=\"color: #cc6633\">.GTB<\/span>[dc=contributors] {<\/pre>\n<p><!--CRLF--><\/p>\n<pre style=\"border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px\">    <span style=\"color: #0000ff\">float<\/span>: <span style=\"color: #0000ff\">right<\/span> <span style=\"color: #006080\">!important;<\/span><\/pre>\n<p><!--CRLF--><\/p>\n<pre style=\"border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px\">    <span style=\"color: #0000ff\">margin<\/span>-<span style=\"color: #0000ff\">right<\/span>: 0 <span style=\"color: #006080\">!important;<\/span><\/pre>\n<p><!--CRLF--><\/p>\n<pre style=\"border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px\">    <span style=\"color: #0000ff\">margin<\/span>-<span style=\"color: #0000ff\">left<\/span>: 2px <span style=\"color: #006080\">!important;<\/span><\/pre>\n<p><!--CRLF--><\/p>\n<pre style=\"border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px\">}<\/pre>\n<p><!--CRLF--><\/p>\n<pre style=\"border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px\">[dc=<span style=\"color: #0000ff\">menu<\/span>] {<\/pre>\n<p><!--CRLF--><\/p>\n<pre style=\"border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px\">    <span style=\"color: #0000ff\">width<\/span>: 9px <span style=\"color: #006080\">!important;<\/span><\/pre>\n<p><!--CRLF--><\/p>\n<pre style=\"border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px\">}<\/pre>\n<p><!--CRLF--><\/p>\n<pre style=\"border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px\"><span style=\"color: #cc6633\">.MTB<\/span>[dc=time], <span style=\"color: #cc6633\">.KTB<\/span>[dc=names] {<\/pre>\n<p><!--CRLF--><\/p>\n<pre style=\"border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px\">    <span style=\"color: #0000ff\">display<\/span>: none <span style=\"color: #006080\">!important;<\/span><\/pre>\n<p><!--CRLF--><\/p>\n<pre style=\"border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px\">}<\/pre>\n<p><!--CRLF--><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In most of the Google Wave waves I use, it would make more sense to have the blip-creator thumbnail and name changed to be right-aligned, basically what I\u2019ve mocked up below. This style is less disruptive to the overall document\u2019s &hellip; <a href=\"http:\/\/guywyant.info\/log\/107\/on-google-waves-ui-where-to-put-the-blip-creator\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1,7,3],"tags":[],"_links":{"self":[{"href":"http:\/\/guywyant.info\/log\/wp-json\/wp\/v2\/posts\/107"}],"collection":[{"href":"http:\/\/guywyant.info\/log\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/guywyant.info\/log\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/guywyant.info\/log\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/guywyant.info\/log\/wp-json\/wp\/v2\/comments?post=107"}],"version-history":[{"count":6,"href":"http:\/\/guywyant.info\/log\/wp-json\/wp\/v2\/posts\/107\/revisions"}],"predecessor-version":[{"id":262,"href":"http:\/\/guywyant.info\/log\/wp-json\/wp\/v2\/posts\/107\/revisions\/262"}],"wp:attachment":[{"href":"http:\/\/guywyant.info\/log\/wp-json\/wp\/v2\/media?parent=107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/guywyant.info\/log\/wp-json\/wp\/v2\/categories?post=107"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/guywyant.info\/log\/wp-json\/wp\/v2\/tags?post=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}