fix #718

Author: Bernhard Posselt

CHANGELOG.md

@@ -1,5 +1,6 @@
 owncloud-news (6.0.4)
 * **Bugfix**: Allow YouTube videos to go fullscreen, #857
+* **Enhancement**: Group plugins in menu, #718
 
 owncloud-news (6.0.3)
 * **Enhancement**: Allow to pin feeds, #848

appinfo/checksum.json

@@ -285,6 +285,85 @@
         background-image: url('../img/active_star.svg');
     }
 
+    #app-content .utils .more button {
+        opacity: .3;
+    }
+
+    #app-content .utils .more button:hover {
+        opacity: 1;
+    }
+
+    #app-content .utils .more {
+        position: relative;
+    }
+
+    #app-content .article-actions {
+        display: none;
+        filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75));
+        -webkit-filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75));
+        -moz-filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75));
+        position: absolute;
+        top: 40px;
+        border-radius: 3px;
+        z-index: 1000;
+        border: 1px solid transparent;
+        background-color: #fff;
+        margin: 0;
+        padding: 0;
+    }
+
+    #app-content .article-actions ul {
+        display: flex;
+        float: left;
+    }
+
+    #app-content .article-actions li {
+        float: left;
+        width: 38px !important;
+    }
+
+    #app-content #articles:not(.compact) .article-actions {
+        left: 6px;
+    }
+
+    #app-content #articles:not(.compact) .article-actions:after,
+    #app-content #articles:not(.compact) .article-actions:before {
+        left: 20px;
+    }
+
+    #app-content #articles.compact .article-actions {
+        right: -10px;
+    }
+
+    #app-content #articles.compact .article-actions:after,
+    #app-content #articles.compact .article-actions:before {
+        right: 9px;
+    }
+
+    #app-content .article-actions:after,
+    #app-content .article-actions:before {
+    	bottom: 100%;
+    	border: solid transparent;
+    	content: " ";
+    	height: 0;
+    	width: 0;
+    	position: absolute;
+    	pointer-events: none;
+    }
+
+    #app-content .article-actions:after {
+    	border-color: rgba(255, 255, 255, 0);
+    	border-bottom-color: #fff;
+    	border-width: 5px;
+    	margin-left: -5px;
+    }
+    #app-content .article-actions:before {
+    	border-color: rgba(255, 255, 255, 0);
+    	border-bottom-color: #fff;
+    	border-width: 9px;
+    	margin-left: -9px;
+    }
+
     /**
      * Article title
      */

css/content.css

@@ -10,6 +10,10 @@
 }
 
 @media (max-width: 600px) {
+    #app-content .article-actions ul {
+        max-width: 164px;
+    }
+
     #app-content .heading .date {
         display: none;
     }
@@ -27,3 +31,9 @@
         padding-left: 44px;
     }
 }
+
+@media (max-width: 340px) {
+    #app-content .article-actions  {
+        max-width: 82px;
+    }
+}

css/mobile.css

@@ -2659,19 +2659,24 @@ app.directive('newsAddFeed', ["$rootScope", "$timeout", function ($rootScope, $t
 app.directive('newsArticleActions', function () {
     'use strict';
     return {
-        restrict: 'E',
+        restrict: 'A',
         scope: {
-            'article': '='
+            newsArticleActions: '='
         },
         link: function (scope, elem) {
             var plugins = News.getArticleActionPlugins();
 
             for (var i=0; i<plugins.length; i+=1) {
-                plugins[i](elem, scope.article);
+                plugins[i](elem, scope.newsArticleActions);
+            }
+
+            if (plugins.length === 0) {
+                $('#app-content .more').hide();
             }
         }
     };
 });
+
 app.directive('newsAutoFocus', ["$timeout", function ($timeout) {
     'use strict';
     return function (scope, elem, attrs) {
@@ -3076,6 +3081,22 @@ app.directive('newsTitleUnreadCount', ["$window", function ($window) {
     };
 
 }]);
+app.directive('newsToggleShow', function () {
+    'use strict';
+    return {
+        restrict: 'A',
+        scope: {
+            'newsToggleShow': '@'
+        },
+        link: function (scope, elem) {
+            elem.click(function () {
+                var target = $(scope.newsToggleShow);
+                target.toggle();
+            });
+        }
+    };
+});
+
 app.directive('newsTriggerClick', function () {
     'use strict';
 

css/news.min.css

@@ -10,16 +10,20 @@
 app.directive('newsArticleActions', function () {
     'use strict';
     return {
-        restrict: 'E',
+        restrict: 'A',
         scope: {
-            'article': '='
+            newsArticleActions: '='
         },
         link: function (scope, elem) {
             var plugins = News.getArticleActionPlugins();
 
             for (var i=0; i<plugins.length; i+=1) {
-                plugins[i](elem, scope.article);
+                plugins[i](elem, scope.newsArticleActions);
+            }
+
+            if (plugins.length === 0) {
+                $('#app-content .more').hide();
             }
         }
     };
-});
+});