From 696ef8a2ccaac64c8a89c07e74ff013cf356d566 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oliver=20G=C3=BCnther?= <mail@oliverguenther.de>
Date: Mon, 22 May 2017 10:52:52 +0200
Subject: [PATCH] [25337] Fix mobile create view

[ci skip]
---
 app/assets/stylesheets/content/_work_packages.sass  |  3 +++
 .../work_packages/fullscreen/_fullscreen.sass       | 13 +++++++++++++
 .../stylesheets/layout/_work_package_mobile.sass    |  4 ++--
 .../stylesheets/layout/_work_package_table.sass     | 10 ----------
 4 files changed, 18 insertions(+), 12 deletions(-)
 create mode 100644 app/assets/stylesheets/content/work_packages/fullscreen/_fullscreen.sass

diff --git a/app/assets/stylesheets/content/_work_packages.sass b/app/assets/stylesheets/content/_work_packages.sass
index b86e93a995..bc488abc40 100644
--- a/app/assets/stylesheets/content/_work_packages.sass
+++ b/app/assets/stylesheets/content/_work_packages.sass
@@ -41,6 +41,9 @@
 @import work_packages/single_view/attachments
 @import work_packages/single_view/inplace_esque_fields
 @import work_packages/details/fullscreen_toggle
+
+// WP fullscreen specific styles
+@import work_packages/fullscreen/fullscreen
 @import work_packages/fullscreen/back_button
 
 // Tabs
diff --git a/app/assets/stylesheets/content/work_packages/fullscreen/_fullscreen.sass b/app/assets/stylesheets/content/work_packages/fullscreen/_fullscreen.sass
new file mode 100644
index 0000000000..133fc8605f
--- /dev/null
+++ b/app/assets/stylesheets/content/work_packages/fullscreen/_fullscreen.sass
@@ -0,0 +1,13 @@
+// Add padding to edit actions
+.work-packages--show-view .work-packages--edit-actions
+  padding-top: 20px
+
+.work-packages--edit-actions
+  .work-packages--left-panel &
+    position: absolute
+    width: calc(60% + 7px)
+    left: -20px
+    padding: 0 20px .5rem
+
+  .in_modal &
+    width: 100%
diff --git a/app/assets/stylesheets/layout/_work_package_mobile.sass b/app/assets/stylesheets/layout/_work_package_mobile.sass
index 15b697ae10..731b5234f2 100644
--- a/app/assets/stylesheets/layout/_work_package_mobile.sass
+++ b/app/assets/stylesheets/layout/_work_package_mobile.sass
@@ -46,7 +46,7 @@
         overflow: visible
 
       .work-packages--show-view
-        padding: 0
+        padding: 0 0 0 5px
 
         &.edit-all-mode
           .work-packages-full-view--split-right
@@ -118,11 +118,11 @@
 
     .work-package--new-state
       overflow: auto
+      height: 100%
       padding-right: 0
 
       .work-packages--edit-actions
         bottom: 0px !important
-        width: calc(100vw + 20px) !important
 
     .detail-panel-description-content .relation h3
       margin: 0 !important
diff --git a/app/assets/stylesheets/layout/_work_package_table.sass b/app/assets/stylesheets/layout/_work_package_table.sass
index d7dd889231..e9ec11a544 100644
--- a/app/assets/stylesheets/layout/_work_package_table.sass
+++ b/app/assets/stylesheets/layout/_work_package_table.sass
@@ -144,16 +144,6 @@
   // Hinter browser that the content of the flex is contained
   contain: strict
 
-.work-packages--edit-actions
-  .work-packages--left-panel &
-    position: absolute
-    width: calc(60% + 7px)
-    left: -20px
-    padding: 0 20px .5rem
-
-  .in_modal &
-    width: 100%
-
 .edit-all-mode .work-packages--left-panel
   padding-bottom: 50px