Fix popups

skins/elastic/includes/mail-menu.html

@@ -39,11 +39,11 @@
 	<roundcube:endif />
 	<roundcube:container name="toolbar" id="mailtoolbar" />
 	<roundcube:button name="markmenulink" id="markmessagemenulink" type="link"
-		class="button markmessage" label="mark" title="markmessages" data-popup="markmessage-menu"
-		innerclass="inner" />
+		class="button markmessage" label="mark" title="markmessages"
+		data-popup="markmessage-menu" data-popup-pos="bottom right" innerclass="inner" />
 	<roundcube:button name="messagemenulink" id="messagemenulink" type="link"
-		class="button more" label="more" title="moreactions" data-popup="message-menu"
-		innerclass="inner" />
+		class="button more" label="more" title="moreactions"
+		data-popup="message-menu" data-popup-pos="bottom right" innerclass="inner" />
 </div>
 
 <div id="forward-menu" class="ui popup">

skins/elastic/styles.css

@@ -198,7 +198,7 @@ body {
 	padding: 0 0.5em;
 	margin: 0;
 	position: relative; /* for absolute positioning of searchbar */
-	overflow: hidden;
+	/* overflow: hidden; breaks semantic-ui popups */
 }
 #layout > div > .header {
 	border-bottom: 1px solid #ddd;

skins/elastic/ui.js

@@ -115,7 +115,7 @@ function rcube_elastic_ui()
                 popup: '#' + popup_id,
                 exclusive: true,
                 on: 'click',
-                position: $(this).data('popup-pos') || 'top left',
+                position: $(this).data('popup-pos') || 'bottom left',
                 lastResort: true
             });