From b43516d8075395ace9fab2c50eafcdef92358f11 Mon Sep 17 00:00:00 2001
From: SergeyEzhin <ezhin@mail.ru>
Date: Thu, 9 Dec 2021 19:23:20 +0400
Subject: [PATCH] [DE mobile] Fix Bug 54281

---
 apps/common/mobile/resources/less/common.less        | 10 ++++++++++
 apps/documenteditor/mobile/src/view/DropdownList.jsx |  4 ++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/apps/common/mobile/resources/less/common.less b/apps/common/mobile/resources/less/common.less
index 864c8798e..90cffd6ec 100644
--- a/apps/common/mobile/resources/less/common.less
+++ b/apps/common/mobile/resources/less/common.less
@@ -888,6 +888,16 @@ input[type="number"]::-webkit-inner-spin-button {
     height: 100%;
 }
 
+.dropdown-list {
+    &__placeholder  {
+        opacity: 0.6;
+        .item-inner {
+            border-bottom: 1px solid var(--f7-list-item-border-color);
+        }
+    }
+}
+
+
 
 
 
diff --git a/apps/documenteditor/mobile/src/view/DropdownList.jsx b/apps/documenteditor/mobile/src/view/DropdownList.jsx
index 8752b8f9f..faeb7866e 100644
--- a/apps/documenteditor/mobile/src/view/DropdownList.jsx
+++ b/apps/documenteditor/mobile/src/view/DropdownList.jsx
@@ -8,9 +8,9 @@ const PageDropdownList = props => {
     return (
         <View style={props.style}>
             <Page>
-                <List>
+                <List className="dropdown-list">
                     {listItems.length && listItems.map((elem, index) => (
-                        <ListItem key={index} className='no-indicator' style={index === 0 ? {opacity: 0.6} : null} title={elem.caption} onClick={() => props.onChangeItemList(elem.value)}></ListItem>
+                        <ListItem key={index} className={'no-indicator ' + (index === 0 ? 'dropdown-list__placeholder' : '')} title={elem.caption} onClick={() => props.onChangeItemList(elem.value)}></ListItem>
                     ))}
                 </List>
             </Page>