From 65c6e953148c05776c59c055607840f2bc08e8e3 Mon Sep 17 00:00:00 2001
From: alex <asytnyk0@gmail.com>
Date: Thu, 9 Nov 2017 19:43:32 +0200
Subject: [PATCH] Add shadow below app bar

---
 .../fragment_direction_indication_dialog.xml  | 688 +++++++++---------
 .../DirectionIndicationDialogFragment.java    |  33 +
 2 files changed, 385 insertions(+), 336 deletions(-)

diff --git a/OsmAnd/res/layout/fragment_direction_indication_dialog.xml b/OsmAnd/res/layout/fragment_direction_indication_dialog.xml
index fc1ef92b67..d8f301029f 100644
--- a/OsmAnd/res/layout/fragment_direction_indication_dialog.xml
+++ b/OsmAnd/res/layout/fragment_direction_indication_dialog.xml
@@ -54,347 +54,363 @@
 
     </android.support.v7.widget.Toolbar>
 
-    <ScrollView
+    <FrameLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content">
 
-        <LinearLayout
+        <com.github.ksoichiro.android.observablescrollview.ObservableScrollView
+            android:id="@+id/scroll_view"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="vertical">
+
+                <FrameLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="@dimen/action_bar_image_height"
+                    android:background="?attr/actionModeBackground">
+
+                    <ImageView
+                        android:id="@+id/action_bar_image"
+                        android:layout_width="match_parent"
+                        android:layout_height="match_parent"
+                        android:layout_gravity="center_horizontal"
+                        android:layout_marginLeft="@dimen/action_bar_image_side_margin"
+                        android:layout_marginRight="@dimen/action_bar_image_side_margin"
+                        tools:src="@drawable/img_help_markers_direction_device_night"/>
+                </FrameLayout>
+
+                <LinearLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:background="?attr/bg_color"
+                    android:orientation="vertical"
+                    android:paddingLeft="@dimen/content_padding"
+                    android:paddingStart="@dimen/content_padding">
+
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="@dimen/bottom_sheet_title_height"
+                        android:layout_marginEnd="@dimen/content_padding"
+                        android:layout_marginRight="@dimen/content_padding">
+
+                        <TextView
+                            android:layout_width="0dp"
+                            android:layout_height="wrap_content"
+                            android:layout_gravity="center_vertical"
+                            android:layout_weight="1"
+                            android:ellipsize="end"
+                            android:maxLines="1"
+                            android:text="@string/active_markers"
+                            android:textAppearance="@style/TextAppearance.ListItemTitle"/>
+
+                        <TextView
+                            android:id="@+id/active_markers_text_view"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_gravity="center_vertical"
+                            android:ellipsize="end"
+                            android:maxLines="1"
+                            android:textColor="?attr/contextMenuButtonColor"
+                            android:textSize="@dimen/default_list_text_size"
+                            tools:drawableRight="@drawable/ic_action_arrow_drop_down"
+                            tools:text="Two"/>
+                    </LinearLayout>
+
+                    <View
+                        android:layout_width="match_parent"
+                        android:layout_height="1dp"
+                        android:background="?attr/dashboard_divider"/>
+
+                    <TextView
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginEnd="@dimen/content_padding"
+                        android:layout_marginRight="@dimen/content_padding"
+                        android:paddingBottom="@dimen/content_padding_small"
+                        android:paddingTop="@dimen/content_padding_small"
+                        android:text="@string/active_markers_descr"
+                        android:textColor="?android:textColorSecondary"
+                        android:textSize="@dimen/default_desc_text_size"/>
+
+                </LinearLayout>
+
+                <include layout="@layout/list_item_divider"/>
+
+                <LinearLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:background="?attr/bg_color"
+                    android:orientation="vertical"
+                    android:paddingBottom="4dp">
+
+                    <LinearLayout
+                        android:id="@+id/distance_indication_row"
+                        android:layout_width="match_parent"
+                        android:layout_height="@dimen/bottom_sheet_title_height"
+                        android:background="?attr/selectableItemBackground"
+                        android:paddingLeft="@dimen/content_padding"
+                        android:paddingRight="@dimen/content_padding">
+
+                        <TextView
+                            android:layout_width="0dp"
+                            android:layout_height="wrap_content"
+                            android:layout_gravity="center_vertical"
+                            android:layout_weight="1"
+                            android:ellipsize="end"
+                            android:maxLines="1"
+                            android:text="@string/show_direction"
+                            android:textAppearance="@style/TextAppearance.ListItemTitle"/>
+
+                        <android.support.v7.widget.SwitchCompat
+                            android:id="@+id/distance_indication_switch"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_gravity="center_vertical|end"
+                            android:layout_marginLeft="@dimen/bottom_sheet_content_margin_small"
+                            android:layout_marginStart="@dimen/bottom_sheet_content_margin_small"
+                            android:background="@null"
+                            android:clickable="false"
+                            android:focusable="false"
+                            android:focusableInTouchMode="false"/>
+                    </LinearLayout>
+
+                    <View
+                        android:layout_width="match_parent"
+                        android:layout_height="1dp"
+                        android:layout_marginLeft="@dimen/content_padding"
+                        android:layout_marginStart="@dimen/content_padding"
+                        android:background="?attr/dashboard_divider"/>
+
+                    <TextView
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginLeft="@dimen/content_padding"
+                        android:layout_marginRight="@dimen/content_padding"
+                        android:paddingBottom="@dimen/content_padding_small"
+                        android:paddingTop="@dimen/content_padding_small"
+                        android:text="@string/distance_indication_descr"
+                        android:textColor="?android:textColorSecondary"
+                        android:textSize="@dimen/default_desc_text_size"/>
+
+                    <LinearLayout
+                        android:id="@+id/top_bar_row"
+                        android:layout_width="match_parent"
+                        android:layout_height="@dimen/bottom_sheet_list_item_height"
+                        android:background="?attr/selectableItemBackground"
+                        android:gravity="center_vertical"
+                        android:paddingEnd="@dimen/content_padding_small"
+                        android:paddingLeft="@dimen/content_padding"
+                        android:paddingRight="@dimen/content_padding_small"
+                        android:paddingStart="@dimen/content_padding">
+
+                        <ImageView
+                            android:id="@+id/top_bar_icon"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginEnd="@dimen/bottom_sheet_icon_margin"
+                            android:layout_marginRight="@dimen/bottom_sheet_icon_margin"
+                            tools:background="@drawable/ic_action_device_top"
+                            tools:src="@drawable/ic_action_device_topbar"/>
+
+                        <net.osmand.plus.widgets.TextViewEx
+                            android:layout_width="0dp"
+                            android:layout_height="wrap_content"
+                            android:layout_weight="1"
+                            android:ellipsize="end"
+                            android:maxLines="1"
+                            android:text="@string/shared_string_topbar"
+                            android:textColor="?android:textColorPrimary"
+                            android:textSize="@dimen/default_list_text_size"
+                            osmand:typeface="@string/font_roboto_regular"/>
+
+                        <RadioButton
+                            android:id="@+id/top_bar_radio_button"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:background="@null"
+                            android:clickable="false"
+                            android:focusable="false"/>
+                    </LinearLayout>
+
+                    <LinearLayout
+                        android:id="@+id/widget_row"
+                        android:layout_width="match_parent"
+                        android:layout_height="@dimen/bottom_sheet_list_item_height"
+                        android:background="?attr/selectableItemBackground"
+                        android:gravity="center_vertical"
+                        android:paddingEnd="@dimen/content_padding_small"
+                        android:paddingLeft="@dimen/content_padding"
+                        android:paddingRight="@dimen/content_padding_small"
+                        android:paddingStart="@dimen/content_padding">
+
+                        <ImageView
+                            android:id="@+id/widget_icon"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginEnd="@dimen/bottom_sheet_icon_margin"
+                            android:layout_marginRight="@dimen/bottom_sheet_icon_margin"
+                            tools:background="@drawable/ic_action_device_top"
+                            tools:src="@drawable/ic_action_device_widget"/>
+
+                        <net.osmand.plus.widgets.TextViewEx
+                            android:layout_width="0dp"
+                            android:layout_height="wrap_content"
+                            android:layout_weight="1"
+                            android:ellipsize="end"
+                            android:maxLines="1"
+                            android:text="@string/shared_string_widgets"
+                            android:textColor="?android:textColorPrimary"
+                            android:textSize="@dimen/default_list_text_size"
+                            osmand:typeface="@string/font_roboto_regular"/>
+
+                        <RadioButton
+                            android:id="@+id/widget_radio_button"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:background="@null"
+                            android:clickable="false"
+                            android:focusable="false"/>
+                    </LinearLayout>
+
+                </LinearLayout>
+
+                <include layout="@layout/list_item_divider"/>
+
+                <LinearLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:background="?attr/bg_color"
+                    android:orientation="vertical">
+
+                    <LinearLayout
+                        android:id="@+id/show_arrows_row"
+                        android:layout_width="match_parent"
+                        android:layout_height="@dimen/bottom_sheet_title_height"
+                        android:background="?attr/selectableItemBackground"
+                        android:paddingLeft="@dimen/content_padding"
+                        android:paddingRight="@dimen/content_padding">
+
+                        <TextView
+                            android:layout_width="0dp"
+                            android:layout_height="wrap_content"
+                            android:layout_gravity="center_vertical"
+                            android:layout_weight="1"
+                            android:ellipsize="end"
+                            android:maxLines="1"
+                            android:text="@string/show_arrows_on_the_map"
+                            android:textAppearance="@style/TextAppearance.ListItemTitle"/>
+
+                        <android.support.v7.widget.SwitchCompat
+                            android:id="@+id/show_arrows_switch"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_gravity="center_vertical|end"
+                            android:layout_marginLeft="@dimen/bottom_sheet_content_margin_small"
+                            android:layout_marginStart="@dimen/bottom_sheet_content_margin_small"
+                            android:background="@null"
+                            android:clickable="false"
+                            android:focusable="false"
+                            android:focusableInTouchMode="false"/>
+                    </LinearLayout>
+
+                    <View
+                        android:layout_width="match_parent"
+                        android:layout_height="1dp"
+                        android:layout_marginLeft="@dimen/content_padding"
+                        android:layout_marginStart="@dimen/content_padding"
+                        android:background="?attr/dashboard_divider"/>
+
+                    <TextView
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginLeft="@dimen/content_padding"
+                        android:layout_marginRight="@dimen/content_padding"
+                        android:paddingBottom="@dimen/content_padding_small"
+                        android:paddingTop="@dimen/content_padding_small"
+                        android:text="@string/show_arrows_descr"
+                        android:textColor="?android:textColorSecondary"
+                        android:textSize="@dimen/default_desc_text_size"/>
+
+                </LinearLayout>
+
+                <include layout="@layout/list_item_divider"/>
+
+                <LinearLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:background="?attr/bg_color"
+                    android:orientation="vertical">
+
+                    <LinearLayout
+                        android:id="@+id/show_guide_line_row"
+                        android:layout_width="match_parent"
+                        android:layout_height="@dimen/bottom_sheet_title_height"
+                        android:background="?attr/selectableItemBackground"
+                        android:paddingLeft="@dimen/content_padding"
+                        android:paddingRight="@dimen/content_padding">
+
+                        <TextView
+                            android:layout_width="0dp"
+                            android:layout_height="wrap_content"
+                            android:layout_gravity="center_vertical"
+                            android:layout_weight="1"
+                            android:ellipsize="end"
+                            android:maxLines="1"
+                            android:text="@string/show_guide_line"
+                            android:textAppearance="@style/TextAppearance.ListItemTitle"/>
+
+                        <android.support.v7.widget.SwitchCompat
+                            android:id="@+id/show_guide_line_switch"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_gravity="center_vertical|end"
+                            android:layout_marginLeft="@dimen/bottom_sheet_content_margin_small"
+                            android:layout_marginStart="@dimen/bottom_sheet_content_margin_small"
+                            android:background="@null"
+                            android:clickable="false"
+                            android:focusable="false"
+                            android:focusableInTouchMode="false"/>
+                    </LinearLayout>
+
+                    <View
+                        android:layout_width="match_parent"
+                        android:layout_height="1dp"
+                        android:layout_marginLeft="@dimen/content_padding"
+                        android:layout_marginStart="@dimen/content_padding"
+                        android:background="?attr/dashboard_divider"/>
+
+                    <TextView
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginLeft="@dimen/content_padding"
+                        android:layout_marginRight="@dimen/content_padding"
+                        android:paddingBottom="@dimen/content_padding_small"
+                        android:paddingTop="@dimen/content_padding_small"
+                        android:text="@string/show_guide_line_descr"
+                        android:textColor="?android:textColorSecondary"
+                        android:textSize="@dimen/default_desc_text_size"/>
+
+                </LinearLayout>
+
+                <include layout="@layout/list_item_divider"/>
+
+            </LinearLayout>
+
+        </com.github.ksoichiro.android.observablescrollview.ObservableScrollView>
+
+        <ImageView
+            android:id="@+id/app_bar_shadow"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:orientation="vertical">
+            android:layout_gravity="top"
+            android:scaleType="fitXY"
+            android:src="@drawable/bg_shadow_list_bottom"
+            android:visibility="gone"/>
 
-            <FrameLayout
-                android:layout_width="match_parent"
-                android:layout_height="@dimen/action_bar_image_height"
-                android:background="?attr/actionModeBackground">
-
-                <ImageView
-                    android:id="@+id/action_bar_image"
-                    android:layout_width="match_parent"
-                    android:layout_height="match_parent"
-                    android:layout_gravity="center_horizontal"
-                    android:layout_marginLeft="@dimen/action_bar_image_side_margin"
-                    android:layout_marginRight="@dimen/action_bar_image_side_margin"
-                    tools:src="@drawable/img_help_markers_direction_device_night"/>
-            </FrameLayout>
-
-            <LinearLayout
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:background="?attr/bg_color"
-                android:orientation="vertical"
-                android:paddingLeft="@dimen/content_padding"
-                android:paddingStart="@dimen/content_padding">
-
-                <LinearLayout
-                    android:layout_width="match_parent"
-                    android:layout_height="@dimen/bottom_sheet_title_height"
-                    android:layout_marginEnd="@dimen/content_padding"
-                    android:layout_marginRight="@dimen/content_padding">
-
-                    <TextView
-                        android:layout_width="0dp"
-                        android:layout_height="wrap_content"
-                        android:layout_gravity="center_vertical"
-                        android:layout_weight="1"
-                        android:ellipsize="end"
-                        android:maxLines="1"
-                        android:text="@string/active_markers"
-                        android:textAppearance="@style/TextAppearance.ListItemTitle"/>
-
-                    <TextView
-                        android:id="@+id/active_markers_text_view"
-                        android:layout_width="wrap_content"
-                        android:layout_height="wrap_content"
-                        android:layout_gravity="center_vertical"
-                        android:ellipsize="end"
-                        android:maxLines="1"
-                        android:textColor="?attr/contextMenuButtonColor"
-                        android:textSize="@dimen/default_list_text_size"
-                        tools:drawableRight="@drawable/ic_action_arrow_drop_down"
-                        tools:text="Two"/>
-                </LinearLayout>
-
-                <View
-                    android:layout_width="match_parent"
-                    android:layout_height="1dp"
-                    android:background="?attr/dashboard_divider"/>
-
-                <TextView
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content"
-                    android:layout_marginEnd="@dimen/content_padding"
-                    android:layout_marginRight="@dimen/content_padding"
-                    android:paddingBottom="@dimen/content_padding_small"
-                    android:paddingTop="@dimen/content_padding_small"
-                    android:text="@string/active_markers_descr"
-                    android:textColor="?android:textColorSecondary"
-                    android:textSize="@dimen/default_desc_text_size"/>
-
-            </LinearLayout>
-
-            <include layout="@layout/list_item_divider"/>
-
-            <LinearLayout
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:background="?attr/bg_color"
-                android:orientation="vertical"
-                android:paddingBottom="4dp">
-
-                <LinearLayout
-                    android:id="@+id/distance_indication_row"
-                    android:layout_width="match_parent"
-                    android:layout_height="@dimen/bottom_sheet_title_height"
-                    android:background="?attr/selectableItemBackground"
-                    android:paddingLeft="@dimen/content_padding"
-                    android:paddingRight="@dimen/content_padding">
-
-                    <TextView
-                        android:layout_width="0dp"
-                        android:layout_height="wrap_content"
-                        android:layout_gravity="center_vertical"
-                        android:layout_weight="1"
-                        android:ellipsize="end"
-                        android:maxLines="1"
-                        android:text="@string/show_direction"
-                        android:textAppearance="@style/TextAppearance.ListItemTitle"/>
-
-                    <android.support.v7.widget.SwitchCompat
-                        android:id="@+id/distance_indication_switch"
-                        android:layout_width="wrap_content"
-                        android:layout_height="wrap_content"
-                        android:layout_gravity="center_vertical|end"
-                        android:layout_marginLeft="@dimen/bottom_sheet_content_margin_small"
-                        android:layout_marginStart="@dimen/bottom_sheet_content_margin_small"
-                        android:background="@null"
-                        android:clickable="false"
-                        android:focusable="false"
-                        android:focusableInTouchMode="false"/>
-                </LinearLayout>
-
-                <View
-                    android:layout_width="match_parent"
-                    android:layout_height="1dp"
-                    android:layout_marginLeft="@dimen/content_padding"
-                    android:layout_marginStart="@dimen/content_padding"
-                    android:background="?attr/dashboard_divider"/>
-
-                <TextView
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content"
-                    android:layout_marginLeft="@dimen/content_padding"
-                    android:layout_marginRight="@dimen/content_padding"
-                    android:paddingBottom="@dimen/content_padding_small"
-                    android:paddingTop="@dimen/content_padding_small"
-                    android:text="@string/distance_indication_descr"
-                    android:textColor="?android:textColorSecondary"
-                    android:textSize="@dimen/default_desc_text_size"/>
-
-                <LinearLayout
-                    android:id="@+id/top_bar_row"
-                    android:layout_width="match_parent"
-                    android:layout_height="@dimen/bottom_sheet_list_item_height"
-                    android:background="?attr/selectableItemBackground"
-                    android:gravity="center_vertical"
-                    android:paddingEnd="@dimen/content_padding_small"
-                    android:paddingLeft="@dimen/content_padding"
-                    android:paddingRight="@dimen/content_padding_small"
-                    android:paddingStart="@dimen/content_padding">
-
-                    <ImageView
-                        android:id="@+id/top_bar_icon"
-                        android:layout_width="wrap_content"
-                        android:layout_height="wrap_content"
-                        android:layout_marginEnd="@dimen/bottom_sheet_icon_margin"
-                        android:layout_marginRight="@dimen/bottom_sheet_icon_margin"
-                        tools:background="@drawable/ic_action_device_top"
-                        tools:src="@drawable/ic_action_device_topbar"/>
-
-                    <net.osmand.plus.widgets.TextViewEx
-                        android:layout_width="0dp"
-                        android:layout_height="wrap_content"
-                        android:layout_weight="1"
-                        android:ellipsize="end"
-                        android:maxLines="1"
-                        android:text="@string/shared_string_topbar"
-                        android:textColor="?android:textColorPrimary"
-                        android:textSize="@dimen/default_list_text_size"
-                        osmand:typeface="@string/font_roboto_regular"/>
-
-                    <RadioButton
-                        android:id="@+id/top_bar_radio_button"
-                        android:layout_width="wrap_content"
-                        android:layout_height="wrap_content"
-                        android:background="@null"
-                        android:clickable="false"
-                        android:focusable="false"/>
-                </LinearLayout>
-
-                <LinearLayout
-                    android:id="@+id/widget_row"
-                    android:layout_width="match_parent"
-                    android:layout_height="@dimen/bottom_sheet_list_item_height"
-                    android:background="?attr/selectableItemBackground"
-                    android:gravity="center_vertical"
-                    android:paddingEnd="@dimen/content_padding_small"
-                    android:paddingLeft="@dimen/content_padding"
-                    android:paddingRight="@dimen/content_padding_small"
-                    android:paddingStart="@dimen/content_padding">
-
-                    <ImageView
-                        android:id="@+id/widget_icon"
-                        android:layout_width="wrap_content"
-                        android:layout_height="wrap_content"
-                        android:layout_marginEnd="@dimen/bottom_sheet_icon_margin"
-                        android:layout_marginRight="@dimen/bottom_sheet_icon_margin"
-                        tools:background="@drawable/ic_action_device_top"
-                        tools:src="@drawable/ic_action_device_widget"/>
-
-                    <net.osmand.plus.widgets.TextViewEx
-                        android:layout_width="0dp"
-                        android:layout_height="wrap_content"
-                        android:layout_weight="1"
-                        android:ellipsize="end"
-                        android:maxLines="1"
-                        android:text="@string/shared_string_widgets"
-                        android:textColor="?android:textColorPrimary"
-                        android:textSize="@dimen/default_list_text_size"
-                        osmand:typeface="@string/font_roboto_regular"/>
-
-                    <RadioButton
-                        android:id="@+id/widget_radio_button"
-                        android:layout_width="wrap_content"
-                        android:layout_height="wrap_content"
-                        android:background="@null"
-                        android:clickable="false"
-                        android:focusable="false"/>
-                </LinearLayout>
-
-            </LinearLayout>
-
-            <include layout="@layout/list_item_divider"/>
-
-            <LinearLayout
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:background="?attr/bg_color"
-                android:orientation="vertical">
-
-                <LinearLayout
-                    android:id="@+id/show_arrows_row"
-                    android:layout_width="match_parent"
-                    android:layout_height="@dimen/bottom_sheet_title_height"
-                    android:background="?attr/selectableItemBackground"
-                    android:paddingLeft="@dimen/content_padding"
-                    android:paddingRight="@dimen/content_padding">
-
-                    <TextView
-                        android:layout_width="0dp"
-                        android:layout_height="wrap_content"
-                        android:layout_gravity="center_vertical"
-                        android:layout_weight="1"
-                        android:ellipsize="end"
-                        android:maxLines="1"
-                        android:text="@string/show_arrows_on_the_map"
-                        android:textAppearance="@style/TextAppearance.ListItemTitle"/>
-
-                    <android.support.v7.widget.SwitchCompat
-                        android:id="@+id/show_arrows_switch"
-                        android:layout_width="wrap_content"
-                        android:layout_height="wrap_content"
-                        android:layout_gravity="center_vertical|end"
-                        android:layout_marginLeft="@dimen/bottom_sheet_content_margin_small"
-                        android:layout_marginStart="@dimen/bottom_sheet_content_margin_small"
-                        android:background="@null"
-                        android:clickable="false"
-                        android:focusable="false"
-                        android:focusableInTouchMode="false"/>
-                </LinearLayout>
-
-                <View
-                    android:layout_width="match_parent"
-                    android:layout_height="1dp"
-                    android:layout_marginLeft="@dimen/content_padding"
-                    android:layout_marginStart="@dimen/content_padding"
-                    android:background="?attr/dashboard_divider"/>
-
-                <TextView
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content"
-                    android:layout_marginLeft="@dimen/content_padding"
-                    android:layout_marginRight="@dimen/content_padding"
-                    android:paddingBottom="@dimen/content_padding_small"
-                    android:paddingTop="@dimen/content_padding_small"
-                    android:text="@string/show_arrows_descr"
-                    android:textColor="?android:textColorSecondary"
-                    android:textSize="@dimen/default_desc_text_size"/>
-
-            </LinearLayout>
-
-            <include layout="@layout/list_item_divider"/>
-
-            <LinearLayout
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:background="?attr/bg_color"
-                android:orientation="vertical">
-
-                <LinearLayout
-                    android:id="@+id/show_guide_line_row"
-                    android:layout_width="match_parent"
-                    android:layout_height="@dimen/bottom_sheet_title_height"
-                    android:background="?attr/selectableItemBackground"
-                    android:paddingLeft="@dimen/content_padding"
-                    android:paddingRight="@dimen/content_padding">
-
-                    <TextView
-                        android:layout_width="0dp"
-                        android:layout_height="wrap_content"
-                        android:layout_gravity="center_vertical"
-                        android:layout_weight="1"
-                        android:ellipsize="end"
-                        android:maxLines="1"
-                        android:text="@string/show_guide_line"
-                        android:textAppearance="@style/TextAppearance.ListItemTitle"/>
-
-                    <android.support.v7.widget.SwitchCompat
-                        android:id="@+id/show_guide_line_switch"
-                        android:layout_width="wrap_content"
-                        android:layout_height="wrap_content"
-                        android:layout_gravity="center_vertical|end"
-                        android:layout_marginLeft="@dimen/bottom_sheet_content_margin_small"
-                        android:layout_marginStart="@dimen/bottom_sheet_content_margin_small"
-                        android:background="@null"
-                        android:clickable="false"
-                        android:focusable="false"
-                        android:focusableInTouchMode="false"/>
-                </LinearLayout>
-
-                <View
-                    android:layout_width="match_parent"
-                    android:layout_height="1dp"
-                    android:layout_marginLeft="@dimen/content_padding"
-                    android:layout_marginStart="@dimen/content_padding"
-                    android:background="?attr/dashboard_divider"/>
-
-                <TextView
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content"
-                    android:layout_marginLeft="@dimen/content_padding"
-                    android:layout_marginRight="@dimen/content_padding"
-                    android:paddingBottom="@dimen/content_padding_small"
-                    android:paddingTop="@dimen/content_padding_small"
-                    android:text="@string/show_guide_line_descr"
-                    android:textColor="?android:textColorSecondary"
-                    android:textSize="@dimen/default_desc_text_size"/>
-
-            </LinearLayout>
-
-            <include layout="@layout/list_item_divider"/>
-
-        </LinearLayout>
-
-    </ScrollView>
+    </FrameLayout>
 
 </LinearLayout>
diff --git a/OsmAnd/src/net/osmand/plus/mapmarkers/DirectionIndicationDialogFragment.java b/OsmAnd/src/net/osmand/plus/mapmarkers/DirectionIndicationDialogFragment.java
index 5cea55e080..efd3a3edf6 100644
--- a/OsmAnd/src/net/osmand/plus/mapmarkers/DirectionIndicationDialogFragment.java
+++ b/OsmAnd/src/net/osmand/plus/mapmarkers/DirectionIndicationDialogFragment.java
@@ -23,6 +23,10 @@ import android.widget.PopupMenu.OnMenuItemClickListener;
 import android.widget.RadioButton;
 import android.widget.TextView;
 
+import com.github.ksoichiro.android.observablescrollview.ObservableScrollView;
+import com.github.ksoichiro.android.observablescrollview.ObservableScrollViewCallbacks;
+import com.github.ksoichiro.android.observablescrollview.ScrollState;
+
 import net.osmand.plus.ApplicationMode;
 import net.osmand.plus.OsmandSettings;
 import net.osmand.plus.OsmandSettings.MapMarkersMode;
@@ -40,6 +44,9 @@ public class DirectionIndicationDialogFragment extends BaseOsmAndDialogFragment
 	private DirectionIndicationFragmentListener listener;
 	private View mainView;
 
+	private int helpImgHeight;
+	private boolean shadowVisible;
+
 	public void setListener(DirectionIndicationFragmentListener listener) {
 		this.listener = listener;
 	}
@@ -48,6 +55,7 @@ public class DirectionIndicationDialogFragment extends BaseOsmAndDialogFragment
 	@Override
 	public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
 		final OsmandSettings settings = getSettings();
+		helpImgHeight = getResources().getDimensionPixelSize(R.dimen.action_bar_image_height);
 
 		mainView = inflater.inflate(R.layout.fragment_direction_indication_dialog, container);
 
@@ -65,6 +73,31 @@ public class DirectionIndicationDialogFragment extends BaseOsmAndDialogFragment
 		appModeTv.setText(appMode.getStringResource());
 		appModeTv.setCompoundDrawablesWithIntrinsicBounds(null, null, getIconsCache().getIcon(appMode.getSmallIconDark()), null);
 
+		((ObservableScrollView) mainView.findViewById(R.id.scroll_view)).setScrollViewCallbacks(new ObservableScrollViewCallbacks() {
+			@Override
+			public void onScrollChanged(int scrollY, boolean firstScroll, boolean dragging) {
+				if (scrollY >= helpImgHeight) {
+					if (!shadowVisible) {
+						mainView.findViewById(R.id.app_bar_shadow).setVisibility(View.VISIBLE);
+						shadowVisible = true;
+					}
+				} else if (shadowVisible) {
+					mainView.findViewById(R.id.app_bar_shadow).setVisibility(View.GONE);
+					shadowVisible = false;
+				}
+			}
+
+			@Override
+			public void onDownMotionEvent() {
+
+			}
+
+			@Override
+			public void onUpOrCancelMotionEvent(ScrollState scrollState) {
+
+			}
+		});
+
 		updateHelpImage();
 
 		final TextView menuTv = (TextView) mainView.findViewById(R.id.active_markers_text_view);