diff --git a/pandora_console/include/styles/dashboards.css b/pandora_console/include/styles/dashboards.css index 6abd72d2a0..3e402583b0 100644 --- a/pandora_console/include/styles/dashboards.css +++ b/pandora_console/include/styles/dashboards.css @@ -437,7 +437,7 @@ div#dashboard-controls { z-index: 1; top: 10px; right: 10px; - width: 600px; + width: 800px; height: 70px; display: flex; flex-direction: row; @@ -446,7 +446,7 @@ div#dashboard-controls { align-items: center; background-color: #f2f6f7; border-radius: 15px; - padding: 10px; + padding: 0px 10px; } div#dashboard-controls div { @@ -455,13 +455,24 @@ div#dashboard-controls div { } div#dashboard-controls div#dashboard-slides-form-countdown { - flex: 4; + flex: 7; } div#dashboard-controls div#dashboard-slides-name { flex: 3; } +div#dashboard-controls div.dashboard-mode { + flex: 1; + display: flex; + flex-direction: row; + justify-content: center; +} + +div#dashboard-controls div.dashboard-mode a { + margin: 0px; +} + div#view-slides-cell-mode { min-height: 100vh; width: 100vw; @@ -490,6 +501,13 @@ div#main_pure { margin: 0 auto; margin-top: 30px; } +.dashboard-refr { + display: flex; + flex-direction: row-reverse; + flex-wrap: nowrap; + justify-content: center; + align-items: center; +} #form-config-widget .info_box, .content-widget .info_box { diff --git a/pandora_console/views/dashboard/slides.php b/pandora_console/views/dashboard/slides.php index 109760d20e..c2d4f899a7 100644 --- a/pandora_console/views/dashboard/slides.php +++ b/pandora_console/views/dashboard/slides.php @@ -243,23 +243,30 @@ $output .= ''; $output .= ''; // Cell slides button view. -$output .= '
'; +$output .= '
'; $output .= ''; if ($cellModeSlides === 0) { $output .= html_print_image( - 'images/tag_red.png', + 'images/visual_console.png', true, - ['title' => __('Mode Cell')] + ['title' => __('Boxed mode')] ); + $msg_tooltip = __('This mode will show the dashboard with all the widgets in the screen. Click to change to single screen mode.'); } else { $output .= html_print_image( - 'images/rosette.png', + 'images/dashboard.png', true, - ['title' => __('Mode Layout')] + ['title' => __('Single screen')] ); + $msg_tooltip = __('This mode will show each widget in a screen, rotating between elements in each dashboard. Click to change to boxed mode.'); } $output .= ''; +$output .= ui_print_help_tip( + $msg_tooltip, + true +); + $output .= '
'; // Dashboard name.