From ae4943c01504fc9b38559354e11dce4db598f2bb Mon Sep 17 00:00:00 2001
From: Oleg Zinoviev <ozinoviev@ebay.com>
Date: Tue, 24 Feb 2015 14:01:16 +0200
Subject: [PATCH] MAGETWO-32303: New Form
- CR updates
---
.../Magento_Ui/web/css/source/_tabnav.less | 33 ++++++++++++++-----
.../web/css/source/variables/_colors.less | 2 ++
2 files changed, 26 insertions(+), 9 deletions(-)
diff --git a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/_tabnav.less b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/_tabnav.less
index aa53748d74a..1d5a9094b06 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/_tabnav.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/_tabnav.less
@@ -3,6 +3,21 @@
// * See COPYING.txt for license details.
// */
+//
+// Variables
+// _____________________________________________
+
+@admin__section-nav-title__color: @color-very-dark-gray-black;
+@admin__section-nav-title__bg-color: @color-white-fog2;
+@admin__section-nav-title__border-color: @color-lighter-gray2;
+
+@admin__section-nav-item__border-color: @color-lighter-gray2;
+@admin__section-nav-item__active__color: @color-phoenix;
+
+@admin__section-nav-link__color: @color-very-dark-gray-black;
+@admin__section-nav-link__hover__color: @color-very-dark-gray-black;
+@admin__section-nav-link__changed__color: @color-phoenix;
+
//
// Tab Left Navigation
// _____________________________________________
@@ -13,12 +28,12 @@
.admin__section-nav-title {
padding: 0;
margin: 0 0 -1px;
- color: #333333;
+ color: @admin__section-nav-title__color;
display: block;
padding: 20px 13px;
- background: #f1f1f1;
+ background: @admin__section-nav-title__bg-color;
text-transform: uppercase;
- border: 1px solid #e3e3e3;
+ border: 1px solid @admin__section-nav-title__border-color;
line-height: 1.2;
&._collapsible {
padding-right: 35px;
@@ -35,7 +50,7 @@
}
}
strong {
- font-weight: 700;
+ font-weight: @font-weight__bold;
}
}
.admin__section-nav-items {
@@ -48,9 +63,9 @@
border-left: 3px solid transparent;
margin: 0 0 -1px;
&._active {
- border-color: #eb5202;
+ border-color: @admin__section-nav-item__active__color;
.admin__section-nav-link {
- border-color: #e3e3e3;
+ border-color: @admin__section-nav-item__border-color;
margin: 0;
&:hover {
text-decoration: none;
@@ -80,11 +95,11 @@
border-width: 1px 0;
line-height: 1.2;
font-weight: 500;
- color: #333333;
+ color: @admin__section-nav-link__color;
display: block;
padding: 20px 30px 20px 10px;
&:hover {
- color: #333333;
+ color: @admin__section-nav-link__hover__color;
text-decoration: underline;
}
&._changed {
@@ -100,7 +115,7 @@
position: absolute;
z-index: 2;
font-size: 17px;
- color: #eb5202;
+ color: @admin__section-nav-link__changed__color;
width: 20px;
height: 20px;
top: 15px;
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/variables/_colors.less b/app/design/adminhtml/Magento/backend/web/css/source/variables/_colors.less
index 261e42a84f2..49395532c70 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/variables/_colors.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/variables/_colors.less
@@ -24,6 +24,7 @@
@color-light-gray: #ddd;
@color-lighter-grayish: #cacaca;
@color-lighter-gray: #e9e9e9;
+@color-lighter-gray2: #e3e3e3;
@color-dark-grayish-orange: #afadac;
@color-dark-grayish: #aeaeae;
@color-gray65-lighten: #aaa6a0;
@@ -37,6 +38,7 @@
@color-very-light-gray: #fcfcfc;
@color-ivory: #f7f3eb;
@color-white-fog: #f8f8f8;
+@color-white-fog2: #f1f1f1;
@color-lazy-sun: #fff8d6;
@color-lazy-sunny: #fff1ad;
--
GitLab