Remove visual difference between display and edit field for subject field

[ci skip]
5 years ago · 7699488587
parent df344c81d4
commit 7699488587
2 changed files with 16 additions and 0 deletions
--- a/app/assets/stylesheets/layout/work_packages/_details_view.sass
+++ b/app/assets/stylesheets/layout/work_packages/_details_view.sass
@ -101,6 +101,14 @@ body.router--work-packages-split-view-new
      height: 38px
      line-height: 36px

+    // Style edit field to look like the display field.
+    // Thus we avoid a visual jump when editing the subject.
+    &.-active input
+      height: 34px
+      line-height: 34px
+      padding: 5px 0 5px 5px
+      font-size: 18px
+
 .work-packages--type-selector
  flex-shrink: 0

--- a/app/assets/stylesheets/layout/work_packages/_full_view.sass
+++ b/app/assets/stylesheets/layout/work_packages/_full_view.sass
@ -194,6 +194,14 @@
      .wp-inline-edit--field
        height: 34px

+      // Style edit field to look like the display field.
+      // Thus we avoid a visual jump when editing the subject.
+      &.-active input
+        height: 36px
+        line-height: 36px
+        padding: 5px 0 5px 5px
+        font-size: 20px
+
  > .toolbar-container
    margin: 10px 0 5px 0
    padding-right: 15px