manager: update extra actions menu opener styles (#14837)

Let gadjo handle menu styling and toggling.

combo/manager/static/css/combo.manager.css

@@ -183,44 +183,6 @@ p#redirection {
 	border: 1px solid #eee;
 }
 
-#appbar .menu-opener {
-	border: none;
-	cursor: pointer;
-}
-
-#appbar .menu {
-	background: white;
-	padding: 10px;
-	list-style: none;
-	position: absolute;
-	right: 0px;
-	margin-top: -24px;
-	border: 1px solid #d0d0d0;
-	background: #fafafa;
-	box-shadow: 0px 1px 1px 2px rgba(0, 0, 0, 0.04);
-}
-
-#appbar .menu a {
-	float: none;
-	top: 0;
-	right: 0;
-	margin: 0;
-	display: block;
-	min-width: 12em;
-}
-
-#appbar .menu li {
-	margin: 1ex 0;
-}
-
-#appbar .menu li a {
-	border: none;
-}
-
-#appbar .menu li a:hover {
-	background: white;
-}
-
 .buttons .delete {
 	float: right;
 }

combo/manager/static/js/combo.manager.js

@@ -197,10 +197,6 @@ $(function() {
     $(style).appendTo('head');
     $(this).addClass('untoggled');
   });
-
-  $('a.menu-opener').on('click', function() {
-    $('#appbar .menu').toggle();
-  });
   $('#assets-thumbs a').on('click', function() {
     $('#asset-img').empty().append($('<img src="' + $(this).attr('href') + '"/>'));
     $('#asset-cmds').show();

combo/manager/templates/combo/manager_home.html

@@ -3,9 +3,9 @@
 
 {% block appbar %}
 <h2>{% trans 'Pages' %}</h2>
-<a class="menu-opener">☰</a>
+<a class="extra-actions-menu-opener"></a>
 <a rel="popup" href="{% url 'combo-manager-page-add' %}">{% trans 'New' %}</a>
-<ul class="menu" style="display: none">
+<ul class="extra-actions-menu">
  <li><a href="{% url 'combo-manager-assets' %}">{% trans 'Assets' %}</a></li>
  <li><a href="{% url 'combo-manager-site-export' %}">{% trans 'Export Site' %}</a></li>
  <li><a href="{% url 'combo-manager-site-import' %}">{% trans 'Import Site' %}</a></li>