Skip to content

Instantly share code, notes, and snippets.

@flanakin
Last active August 29, 2015 14:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save flanakin/393917327f42b975eccb to your computer and use it in GitHub Desktop.
Save flanakin/393917327f42b975eccb to your computer and use it in GitHub Desktop.
Yammer content is constrained to 500px. This bookmarklet maximizes the content.
(function(){
var $left = $('#column-one'),
$content = $('#column-two'),
$headerContainer = $content.find('.page-header-container'),
$header = $headerContainer.find('.page-header'),
$info = $headerContainer.find('.filecollab-group-header-basics'),
$main = $('#main-column'),
$right = $('#column-two .yj-selector-right-sidebar'),
$toggle = $left.add($info).add($right),
$nav = $('#column-two .filecollab-action-bar-with-tabs'),
$icon = $('#column-two a.avatar');
if (!$left.is(':visible')) {
$info.find('.thumbnail').prepend($icon);
$icon.css({ float:'', marginLeft:'', padding:'' });
$icon.add($icon.children('img')).css({ height:'', width:'' });
$content.add($headerContainer).add($header).add($main).css({ float:'', padding:'', width:'' });
$toggle.show();
return;
}
$toggle.hide();
$nav.prepend($icon.css({ float:'left', marginLeft:'-10px', padding:'4px' }));
$icon.add($icon.children('img')).css({ height:'32px', width:'32px' });
$content.add($headerContainer).add($header).add($main).css({ float:'none', padding:0, width:'100%' });
})()
<html>
<head>
<title>Maximize Yammer bookmarklet</title>
</head>
<body>
<p>Yammer content is constrained to 500px. This bookmarklet maximizes the content.</p>
<p>To use the bookmarklet, right click it and save it to your favorites/bookmarks.</p>
<p><a href="javascript:(function(){var e=$('#column-one'),t=$('#column-two'),n=t.find('.page-header-container'),r=n.find('.page-header'),i=n.find('.filecollab-group-header-basics'),s=$('#main-column'),o=$('#column-two .yj-selector-right-sidebar'),u=e.add(i).add(o),a=$('#column-two .filecollab-action-bar-with-tabs'),f=$('#column-two a.avatar');if(!e.is(':visible')){i.find('.thumbnail').prepend(f);f.css({'float':'',marginLeft:'',padding:''});f.add(f.children('img')).css({height:'',width:''});t.add(n).add(r).add(s).css({'float':'',padding:'',width:''});u.show();return}u.hide();a.prepend(f.css({'float':'left',marginLeft:'-10px',padding:'4px'}));f.add(f.children('img')).css({height:'32px',width:'32px'});t.add(n).add(r).add(s).css({'float':'none',padding:0,width:'100%'})})()">Maximize Yammer</a></p>
<p><small>Should work in all browsers, but it's only been tested in IE11 and Chrome40</small></p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment