Fix sharing button on 13

Signed-off-by: Julius Härtl <jus@bitgrid.net>

css/viewer/odfviewer.css

@@ -21,11 +21,17 @@
   background-image: url('../../../../core/img/filetypes/x-office-presentation.svg');
 }
 
-.richdocuments-sharing .icon-shared-white {
-  display:inline-block;
+.richdocuments-sharing .icon-shared {
+  display: inline-block;
   width: 16px;
   height: 16px;
   padding: 16px;
+  opacity: 0.6;
+}
+
+.richdocuments-sharing .icon-shared:hover,
+.richdocuments-sharing .icon-shared:focus {
+  opacity: 1;
 }
 
 #richdocumentsframe {
@@ -36,4 +42,4 @@
   position:absolute;
   top:0;
   z-index:60;
-}
+}

js/viewer/viewer.js

@@ -90,10 +90,10 @@ var odfViewer = {
 		}
 
 		OC.addStyle('richdocuments', 'mobile');
-		var $button = $('<div class="richdocuments-sharing"><div class="icon-shared-white"></div></div>');
+		var $button = $('<div class="richdocuments-sharing"><a class="icon-shared icon-white"></a></div>');
 		$('.header-right').prepend($button);
 		$button.on('click', function() {
-			if ($('#app-content').hasClass('with-app-sidebar')) {
+			if (!$('#app-sidebar').hasClass('disappear') || $('#app-content').hasClass('with-app-sidebar')) {
 				OC.Apps.hideAppSidebar();
 				return;
 			}