Merge pull request #927 from magento-mpi/MAGETWO-63641

MAGETWO-65547: Adjust styles of fraud protection configuration page
magento · Mar 17, 2017 · c6d14d1 · c6d14d1
2 parents 5f7064f + 7480f10
commit c6d14d1
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 18 deletions.
diff --git a/app/design/adminhtml/Magento/backend/Magento_Signifyd/web/css/source/_module.less b/app/design/adminhtml/Magento/backend/Magento_Signifyd/web/css/source/_module.less
@@ -3,21 +3,5 @@
 //  * See COPYING.txt for license details.
 //  */
 
-//
-//  Order Case Info
-//  ---------------------------------------------
-
-.order-case-table {
-  &:extend(.abs-order-tables all);
-  &:extend(.abs-order-tbody-border all);
-}
-
-//
-//  Layout
-//  ---------------------------------------------
-.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
-  .case-information {
-    float: left;
-    #mix-grid .width(6,12);
-  }
-}
+@import 'module/_order.less';
+@import 'module/_config.less';
diff --git a/app/design/adminhtml/Magento/backend/Magento_Signifyd/web/css/source/module/_config.less b/app/design/adminhtml/Magento/backend/Magento_Signifyd/web/css/source/module/_config.less
@@ -0,0 +1,23 @@
+// /**
+//  * Copyright © 2013-2017 Magento, Inc. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+@image-signifyd-logo-path: '../Magento_Signifyd/images/logo.png';
+
+//
+// Outer slider of configuration
+//
+.signifyd-logo-header {
+  > .entry-edit-head {
+    > a:after {content: url(@image-signifyd-logo-path)}
+  }
+
+  ul {
+    margin-left: 5em;
+  }
+
+  .webhook-url {
+    word-break: break-all;
+  }
+}
diff --git a/app/design/adminhtml/Magento/backend/Magento_Signifyd/web/css/source/module/_order.less b/app/design/adminhtml/Magento/backend/Magento_Signifyd/web/css/source/module/_order.less
@@ -0,0 +1,23 @@
+// /**
+//  * Copyright © 2013-2017 Magento, Inc. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Order Case Info
+//  ---------------------------------------------
+
+.order-case-table {
+  &:extend(.abs-order-tables all);
+  &:extend(.abs-order-tbody-border all);
+}
+
+//
+//  Layout
+//  ---------------------------------------------
+.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
+  .case-information {
+    float: left;
+    #mix-grid .width(6,12);
+  }
+}