added prev next bottom nav in perf nodes

sites/all/modules/gui/perfart/perfart.module

@@ -219,6 +219,9 @@ function perfart_block_info() {
   $blocks['perf_prevnext'] = array(
     'info' => t('Performance prev next btns'),
   );
+  $blocks['perf_prevnext_bottom'] = array(
+    'info' => t('Performance prev next btns bottom'),
+  );
   
   return $blocks;
 }
@@ -233,6 +236,9 @@ function perfart_block_view($delta='') {
     case 'perf_prevnext' :
       $block['content'] = perf_prevnext_view();
       break;
+    case 'perf_prevnext_bottom' :
+      $block['content'] = perf_prevnext_view();
+      break;
   }
   
   return $block;
@@ -310,7 +316,7 @@ function perf_prevnext_view() {
       
     }
 
-    $list['attributes']['id'] = "perf-prev-next-btns";
+    $list['attributes']['class'] = "perf-prev-next-btns";
 
     // dsm($list);
 

sites/all/themes/gui/perfarttimeline/css/styles.css

@@ -2268,24 +2268,34 @@ html.classic-nav body.node-type-performance #main #center #content .node.type-pe
   font-weight: 500;
   font-size: 12px;
 }
-html.no-js body.node-type-performance #block-perfart-perf-prevnext ul#perf-prev-next-btns,
-html.classic-nav body.node-type-performance #block-perfart-perf-prevnext ul#perf-prev-next-btns {
+html.no-js body.node-type-performance #block-perfart-perf-prevnext ul.perf-prev-next-btns,
+html.classic-nav body.node-type-performance #block-perfart-perf-prevnext ul.perf-prev-next-btns,
+html.no-js body.node-type-performance #block-perfart-perf-prevnext-bottom ul.perf-prev-next-btns,
+html.classic-nav body.node-type-performance #block-perfart-perf-prevnext-bottom ul.perf-prev-next-btns {
   display: flex;
   flex-flow: row nowrap;
 }
-html.no-js body.node-type-performance #block-perfart-perf-prevnext ul#perf-prev-next-btns li.perf-prev-link,
-html.classic-nav body.node-type-performance #block-perfart-perf-prevnext ul#perf-prev-next-btns li.perf-prev-link,
-html.no-js body.node-type-performance #block-perfart-perf-prevnext ul#perf-prev-next-btns li.perf-next-link,
-html.classic-nav body.node-type-performance #block-perfart-perf-prevnext ul#perf-prev-next-btns li.perf-next-link {
+html.no-js body.node-type-performance #block-perfart-perf-prevnext ul.perf-prev-next-btns li.perf-prev-link,
+html.classic-nav body.node-type-performance #block-perfart-perf-prevnext ul.perf-prev-next-btns li.perf-prev-link,
+html.no-js body.node-type-performance #block-perfart-perf-prevnext-bottom ul.perf-prev-next-btns li.perf-prev-link,
+html.classic-nav body.node-type-performance #block-perfart-perf-prevnext-bottom ul.perf-prev-next-btns li.perf-prev-link,
+html.no-js body.node-type-performance #block-perfart-perf-prevnext ul.perf-prev-next-btns li.perf-next-link,
+html.classic-nav body.node-type-performance #block-perfart-perf-prevnext ul.perf-prev-next-btns li.perf-next-link,
+html.no-js body.node-type-performance #block-perfart-perf-prevnext-bottom ul.perf-prev-next-btns li.perf-next-link,
+html.classic-nav body.node-type-performance #block-perfart-perf-prevnext-bottom ul.perf-prev-next-btns li.perf-next-link {
   flex: 1 1 100%;
   width: 50%;
 }
-html.no-js body.node-type-performance #block-perfart-perf-prevnext ul#perf-prev-next-btns li.perf-next-link,
-html.classic-nav body.node-type-performance #block-perfart-perf-prevnext ul#perf-prev-next-btns li.perf-next-link {
+html.no-js body.node-type-performance #block-perfart-perf-prevnext ul.perf-prev-next-btns li.perf-next-link,
+html.classic-nav body.node-type-performance #block-perfart-perf-prevnext ul.perf-prev-next-btns li.perf-next-link,
+html.no-js body.node-type-performance #block-perfart-perf-prevnext-bottom ul.perf-prev-next-btns li.perf-next-link,
+html.classic-nav body.node-type-performance #block-perfart-perf-prevnext-bottom ul.perf-prev-next-btns li.perf-next-link {
   text-align: right;
 }
-html.no-js body.node-type-performance #block-perfart-perf-prevnext ul#perf-prev-next-btns a,
-html.classic-nav body.node-type-performance #block-perfart-perf-prevnext ul#perf-prev-next-btns a {
+html.no-js body.node-type-performance #block-perfart-perf-prevnext ul.perf-prev-next-btns a,
+html.classic-nav body.node-type-performance #block-perfart-perf-prevnext ul.perf-prev-next-btns a,
+html.no-js body.node-type-performance #block-perfart-perf-prevnext-bottom ul.perf-prev-next-btns a,
+html.classic-nav body.node-type-performance #block-perfart-perf-prevnext-bottom ul.perf-prev-next-btns a {
   text-decoration: none;
   font-family: "MuseoSans", Arial, sans-serif;
   -moz-font-feature-settings: "calt=0,liga=0";
@@ -2293,8 +2303,10 @@ html.classic-nav body.node-type-performance #block-perfart-perf-prevnext ul#perf
   font-weight: 500;
 }
 @media screen and (min-width: 1201px) {
-  html.no-js body.node-type-performance #block-perfart-perf-prevnext ul#perf-prev-next-btns a,
-  html.classic-nav body.node-type-performance #block-perfart-perf-prevnext ul#perf-prev-next-btns a {
+  html.no-js body.node-type-performance #block-perfart-perf-prevnext ul.perf-prev-next-btns a,
+  html.classic-nav body.node-type-performance #block-perfart-perf-prevnext ul.perf-prev-next-btns a,
+  html.no-js body.node-type-performance #block-perfart-perf-prevnext-bottom ul.perf-prev-next-btns a,
+  html.classic-nav body.node-type-performance #block-perfart-perf-prevnext-bottom ul.perf-prev-next-btns a {
     font-size: 12px;
   }
 }

sites/all/themes/gui/perfarttimeline/less/styles.less

@@ -1071,8 +1071,9 @@ html.no-js, html.classic-nav{
 
       }
     }
-    #block-perfart-perf-prevnext{
-      ul#perf-prev-next-btns{
+    #block-perfart-perf-prevnext,
+    #block-perfart-perf-prevnext-bottom{
+      ul.perf-prev-next-btns{
         display: flex;
         flex-flow: row nowrap;
         li.perf-prev-link,