popup fixed

src/client/styles/scss/_layout.scss

@@ -179,3 +179,8 @@
   margin-left: -15px;
   overflow: unset;
 }
+
+// dropdown menu custom
+.grw-dropdown-menu-right-side {
+  transform: translate3d(-221px, 42px, 0px) !important;
+}

src/server/views/layout/layout.html

@@ -117,7 +117,7 @@
       </ul>
 
       <!-- 5 user action -->
-      <ul class="nav navbar-top-links flex-nowrap ml-auto my-auto">
+      <ul class="nav navbar-top-links flex-nowrap ml-auto mr-2 my-auto">
         {% if user and user.admin %}
         <li class="nav-item-admin mr-2 mr-lg-3 my-auto">
           <a class="text-white" href="/admin">

src/server/views/widget/page_tabs.html

@@ -41,7 +41,7 @@
       <a class="nav-link dropdown-toggle {% if not user %}dropdown-disabled{% endif %}" {% if user %}data-toggle="dropdown" href="#"{% endif %}>
         <i class="icon-options-vertical"></i>
       </a>
-      <ul class="dropdown-menu">
+      <ul class="dropdown-menu grw-dropdown-menu-right-side">
         <li><a href="#" data-target="#create-template" data-toggle="modal"><i class="icon-fw icon-magic-wand"></i> {{ t('template.option_label.create/edit') }}</a></li>
         {% if ('/' !== path) %}
           <li class="divider"></li>
@@ -57,7 +57,7 @@
       <a class="nav-link dropdown-toggle {% if not user %}dropdown-disabled{% endif %}" {% if user %}data-toggle="dropdown" href="#"{% endif %}>
         <i class="icon-options-vertical"></i>
       </a>
-      <ul class="dropdown-menu">
+      <ul class="dropdown-menu grw-dropdown-menu-right-side">
         <li><a href="#" data-target="#renamePage" data-toggle="modal"><i class="icon-fw icon-action-redo"></i> {{ t('Move/Rename') }}</a></li>
         <li><a href="#" data-target="#duplicatePage" data-toggle="modal"><i class="icon-fw icon-docs"></i> {{ t('Duplicate') }}</a></li>
         <li class="divider"></li>