squash and sign

lint fix

remove unused import and debug backgrounds

set width boundaries for long usernames in activity

fix lint and pass width from view

updated spacing to accommodate iphoneX

Signed-off-by: andrey <motor4ik@gmail.com>

src/status_im/ui/screens/notifications_center/styles.cljs

@@ -67,10 +67,11 @@
  :top 12
  :left 16})
 
-(def title-text
+(defn title-text [title-text-width]
  {:margin-left 72
  :margin-top 12
- :margin-right 50})
+ :margin-right 50
+ :width title-text-width})
 
 (def notification-message-container
  {:margin-left 72
@@ -84,4 +85,4 @@
 
 (def community-info-container
  {:flex-direction :row
- :align-items :center})
+ :align-items :center})

src/status_im/ui/screens/notifications_center/views/notification.cljs

@@ -19,7 +19,8 @@
  {:keys [community-id]} (<sub [:chat-by-id chat-id])
  {:keys [name]} @(re-frame/subscribe [:communities/community community-id])
  contact (when message @(re-frame/subscribe [:contacts/contact-by-identity (message :from)]))
- sender (when message (first @(re-frame/subscribe [:contacts/contact-two-names-by-identity (message :from)])))]
+ sender (when message (first @(re-frame/subscribe [:contacts/contact-two-names-by-identity (message :from)])))
+ title-text-width (* @(re-frame/subscribe [:dimensions/window-width]) 0.62)]
  [react/touchable-opacity (merge {:style (styles/notification-container read)} opts)
  [react/view {:style styles/notification-content-container}
  (if (or
@@ -42,7 +43,7 @@
  :accessibility-label :chat-name-or-sender-text
  :ellipsize-mode :tail
  :number-of-lines 1
- :style styles/title-text}
+ :style (styles/title-text title-text-width)}
  (if (or
  (= type constants/activity-center-notification-type-mention)
  (= type constants/activity-center-notification-type-reply))