UX: Add border to `.modal-header` on mobile.

2016-12-30 13:58:12 +08:00 · 2016-12-30 13:58:12 +08:00 · dbd0fcc86d
parent f1beef43a8
commit dbd0fcc86d
2 changed files with 4 additions and 1 deletions
--- a/app/assets/stylesheets/common/base/modal.scss
+++ b/app/assets/stylesheets/common/base/modal.scss
@ -16,6 +16,10 @@
  color: dark-light-diff($secondary, $primary, 30%, -35%);
 }

+.modal-header {
+  border-bottom: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
+}
+
 .modal-backdrop {
  position: fixed;
  top: 0;
--- a/app/assets/stylesheets/desktop/modal.scss
+++ b/app/assets/stylesheets/desktop/modal.scss
@ -47,7 +47,6 @@
 }

 .modal-header {
-  border-bottom: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
  h3 {
    font-size: 1.429em;
    padding: 10px 15px 7px;