| @@ -34,9 +34,10 @@ | ||
| 34 | 34 | $css_generator->add_class_styles( |
| 35 | 35 | '{{WRAPPER}}.ablocks-block--frontend-dashboard', |
| 36 | 36 | $get_gaps_css, |
| 37 | 37 | $this->get_wrapper_gap_css( $attributes, 'Tablet' ), |
| 38 | - $this->get_wrapper_gap_css( $attributes, 'Mobile' ) | |
| 38 | + $this->get_wrapper_gap_css( $attributes, 'Mobile' ), | |
| 39 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_wrapper_gap_css( $attributes, $device ); } ) | |
| 39 | 40 | ); |
| 40 | 41 | |
| 41 | 42 | $get_setting_css = $this->get_setting_css( $attributes ); |
| 42 | 43 | |
| @@ -43,9 +44,10 @@ | ||
| 43 | 44 | $css_generator->add_class_styles( |
| 44 | 45 | '{{WRAPPER}} .ablocks-frontend-dashboard-sidebar', |
| 45 | 46 | $get_setting_css, |
| 46 | 47 | $this->get_setting_css( $attributes, 'Tablet' ), |
| 47 | - $this->get_setting_css( $attributes, 'Mobile' ) | |
| 48 | + $this->get_setting_css( $attributes, 'Mobile' ), | |
| 49 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_setting_css( $attributes, $device ); } ) | |
| 48 | 50 | ); |
| 49 | 51 | |
| 50 | 52 | $get_user_setting_css = $this->get_user_setting_css( $attributes ); |
| 51 | 53 | |
| @@ -52,9 +54,10 @@ | ||
| 52 | 54 | $css_generator->add_class_styles( |
| 53 | 55 | '{{WRAPPER}} .ablocks-frontend-dashboard-user', |
| 54 | 56 | $get_user_setting_css, |
| 55 | 57 | $this->get_user_setting_css( $attributes, 'Tablet' ), |
| 56 | - $this->get_user_setting_css( $attributes, 'Mobile' ) | |
| 58 | + $this->get_user_setting_css( $attributes, 'Mobile' ), | |
| 59 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_user_setting_css( $attributes, $device ); } ) | |
| 57 | 60 | ); |
| 58 | 61 | |
| 59 | 62 | $get_menu_list_css = $this->get_menu_list_css( $attributes ); |
| 60 | 63 | |
| @@ -61,9 +64,10 @@ | ||
| 61 | 64 | $css_generator->add_class_styles( |
| 62 | 65 | '{{WRAPPER}} .ablocks-frontend-dashboard-menu__item a', |
| 63 | 66 | $get_menu_list_css, |
| 64 | 67 | $this->get_menu_list_css( $attributes, 'Tablet' ), |
| 65 | - $this->get_menu_list_css( $attributes, 'Mobile' ) | |
| 68 | + $this->get_menu_list_css( $attributes, 'Mobile' ), | |
| 69 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_menu_list_css( $attributes, $device ); } ) | |
| 66 | 70 | ); |
| 67 | 71 | |
| 68 | 72 | $get_menu_hover_list_css = $this->get_menu_hover_list_css( $attributes ); |
| 69 | 73 | |
| @@ -70,9 +74,10 @@ | ||
| 70 | 74 | $css_generator->add_class_styles( |
| 71 | 75 | '{{WRAPPER}} .ablocks-frontend-dashboard-menu__item a:hover', |
| 72 | 76 | $get_menu_hover_list_css, |
| 73 | 77 | $this->get_menu_hover_list_css( $attributes, 'Tablet' ), |
| 74 | - $this->get_menu_hover_list_css( $attributes, 'Mobile' ) | |
| 78 | + $this->get_menu_hover_list_css( $attributes, 'Mobile' ), | |
| 79 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_menu_hover_list_css( $attributes, $device ); } ) | |
| 75 | 80 | ); |
| 76 | 81 | |
| 77 | 82 | $get_menu_active_list_css = $this->get_menu_active_list_css( $attributes ); |
| 78 | 83 | |
| @@ -79,9 +84,10 @@ | ||
| 79 | 84 | $css_generator->add_class_styles( |
| 80 | 85 | '{{WRAPPER}} .ablocks-frontend-dashboard-menu__item--current > a', |
| 81 | 86 | $get_menu_active_list_css, |
| 82 | 87 | $this->get_menu_active_list_css( $attributes, 'Tablet' ), |
| 83 | - $this->get_menu_active_list_css( $attributes, 'Mobile' ) | |
| 88 | + $this->get_menu_active_list_css( $attributes, 'Mobile' ), | |
| 89 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_menu_active_list_css( $attributes, $device ); } ) | |
| 84 | 90 | ); |
| 85 | 91 | |
| 86 | 92 | $get_breadcrumb_css = $this->get_breadcrumb_css( $attributes ); |
| 87 | 93 | |
| @@ -88,9 +94,10 @@ | ||
| 88 | 94 | $css_generator->add_class_styles( |
| 89 | 95 | '{{WRAPPER}} .ablocks-frontend-dashboard-breadcrumb li', |
| 90 | 96 | $get_breadcrumb_css, |
| 91 | 97 | $this->get_breadcrumb_css( $attributes, 'Tablet' ), |
| 92 | - $this->get_breadcrumb_css( $attributes, 'Mobile' ) | |
| 98 | + $this->get_breadcrumb_css( $attributes, 'Mobile' ), | |
| 99 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_breadcrumb_css( $attributes, $device ); } ) | |
| 93 | 100 | ); |
| 94 | 101 | |
| 95 | 102 | $get_breadcrumb_css = $this->get_breadcrumb_css( $attributes ); |
| 96 | 103 | |
| @@ -97,9 +104,10 @@ | ||
| 97 | 104 | $css_generator->add_class_styles( |
| 98 | 105 | '{{WRAPPER}} .ablocks-frontend-dashboard-breadcrumb li + li::before', |
| 99 | 106 | $get_breadcrumb_css, |
| 100 | 107 | $this->get_breadcrumb_css( $attributes, 'Tablet' ), |
| 101 | - $this->get_breadcrumb_css( $attributes, 'Mobile' ) | |
| 108 | + $this->get_breadcrumb_css( $attributes, 'Mobile' ), | |
| 109 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_breadcrumb_css( $attributes, $device ); } ) | |
| 102 | 110 | ); |
| 103 | 111 | |
| 104 | 112 | $get_content_css = $this->get_content_css( $attributes ); |
| 105 | 113 | |
| @@ -106,9 +114,10 @@ | ||
| 106 | 114 | $css_generator->add_class_styles( |
| 107 | 115 | '{{WRAPPER}} .ablocks-frontend-dashboard-content', |
| 108 | 116 | $get_content_css, |
| 109 | 117 | $this->get_content_css( $attributes, 'Tablet' ), |
| 110 | - $this->get_content_css( $attributes, 'Mobile' ) | |
| 118 | + $this->get_content_css( $attributes, 'Mobile' ), | |
| 119 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_content_css( $attributes, $device ); } ) | |
| 111 | 120 | ); |
| 112 | 121 | |
| 113 | 122 | $get_content_hover_css = $this->get_content_hover_css( $attributes ); |
| 114 | 123 | |
| @@ -115,9 +124,10 @@ | ||
| 115 | 124 | $css_generator->add_class_styles( |
| 116 | 125 | '{{WRAPPER}} .ablocks-frontend-dashboard-content:hover', |
| 117 | 126 | $get_content_hover_css, |
| 118 | 127 | $this->get_content_hover_css( $attributes, 'Tablet' ), |
| 119 | - $this->get_content_hover_css( $attributes, 'Mobile' ) | |
| 128 | + $this->get_content_hover_css( $attributes, 'Mobile' ), | |
| 129 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_content_hover_css( $attributes, $device ); } ) | |
| 120 | 130 | ); |
| 121 | 131 | |
| 122 | 132 | return $css_generator->generate_css(); |
| 123 | 133 | } |