[TASK] Remove gradient from DocHeader 49/38449/5
authorFrank Nägler <typo3@naegler.net>
Thu, 2 Apr 2015 21:15:10 +0000 (23:15 +0200)
committerAnja Leichsenring <aleichsenring@ab-softlab.de>
Sat, 4 Apr 2015 15:09:43 +0000 (17:09 +0200)
Remove gradient from DocHeader to streamline the backend layout.

Resolves: #66253
Releases: master
Change-Id: I262b9903840614e55a898b2c6b732d78e62b990f
Reviewed-on: http://review.typo3.org/38449
Reviewed-by: Benjamin Kott <info@bk2k.info>
Tested-by: Benjamin Kott <info@bk2k.info>
Reviewed-by: Anja Leichsenring <aleichsenring@ab-softlab.de>
Tested-by: Anja Leichsenring <aleichsenring@ab-softlab.de>
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_docheader.less
typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css
typo3/sysext/t3skin/Resources/Public/Images/docheader-split-background.png
typo3/sysext/t3skin/extjs/xtheme-t3skin.css

index b3c61ef..39fbee9 100644 (file)
@@ -3,11 +3,10 @@
 //
 
 @docheader-text: rgb(45, 45, 45);
-@docheader-bg: linear-gradient(to bottom, rgb(235, 235, 235) 0%, rgb(205, 205, 205) 100%);
+@docheader-bg: #eee;
 @docheader-border: rgb(195, 195, 195);
 
 #typo3-docheader {
-       background-color: @docheader-bg;
        background: @docheader-bg;
 
        img,
@@ -58,7 +57,6 @@
        .typo3-docheader-functions,
        .typo3-docheader-buttons {
                color: @docheader-text;
-               border-bottom: 1px solid @docheader-border;
                overflow: hidden;
                padding: 0 24px;
        }
@@ -79,6 +77,7 @@
                height: 22px;
                padding-top: 3px;
                padding-bottom: 3px;
+               border-bottom: 1px solid #C3C3C3;
        }
 }
 
 // ExtJS theme for PageTree
 //
 #typo3-pagetree-topPanelItems {
-       background-color: @docheader-bg;
        background: @docheader-bg;
 
        #typo3-pagetree-topPanel {
+
+               .x-panel-body-noborder {
+                       border-bottom: 1px solid @docheader-border;
+               }
+
                // Functions
                .x-panel-tbar {
                        color: @docheader-text;
-                       border-bottom: 1px solid @docheader-border;
                        a {
                                color: @docheader-text;
                                &:hover {
                // Buttons
                .x-panel-body {
                        color: @docheader-text;
-                       border-bottom: 1px solid @docheader-border;
                        .typo3-pagetree-topPanel-button {
                                margin-top: 0;
                        }
index 9a3a4a1..c9019bb 100644 (file)
@@ -8056,8 +8056,7 @@ div#contentMenu1 {
   z-index: 20;
 }
 #typo3-docheader {
-  background-color: linear-gradient(to bottom, #ebebeb 0%, #cdcdcd 100%);
-  background: linear-gradient(to bottom, #ebebeb 0%, #cdcdcd 100%);
+  background: #eeeeee;
 }
 #typo3-docheader img,
 #typo3-docheader input {
@@ -8091,7 +8090,6 @@ div#contentMenu1 {
 #typo3-docheader .typo3-docheader-functions,
 #typo3-docheader .typo3-docheader-buttons {
   color: #2d2d2d;
-  border-bottom: 1px solid #c3c3c3;
   overflow: hidden;
   padding: 0 24px;
 }
@@ -8106,6 +8104,7 @@ div#contentMenu1 {
   height: 22px;
   padding-top: 3px;
   padding-bottom: 3px;
+  border-bottom: 1px solid #C3C3C3;
 }
 #typo3-navigationContainer-xsplit,
 #typo3-navigationContainer-xcollapsed,
@@ -8186,12 +8185,13 @@ div#contentMenu1 {
   content: "\f0da";
 }
 #typo3-pagetree-topPanelItems {
-  background-color: linear-gradient(to bottom, #ebebeb 0%, #cdcdcd 100%);
-  background: linear-gradient(to bottom, #ebebeb 0%, #cdcdcd 100%);
+  background: #eeeeee;
+}
+#typo3-pagetree-topPanelItems #typo3-pagetree-topPanel .x-panel-body-noborder {
+  border-bottom: 1px solid #c3c3c3;
 }
 #typo3-pagetree-topPanelItems #typo3-pagetree-topPanel .x-panel-tbar {
   color: #2d2d2d;
-  border-bottom: 1px solid #c3c3c3;
 }
 #typo3-pagetree-topPanelItems #typo3-pagetree-topPanel .x-panel-tbar a {
   color: #2d2d2d;
@@ -8201,7 +8201,6 @@ div#contentMenu1 {
 }
 #typo3-pagetree-topPanelItems #typo3-pagetree-topPanel .x-panel-body {
   color: #2d2d2d;
-  border-bottom: 1px solid #c3c3c3;
 }
 #typo3-pagetree-topPanelItems #typo3-pagetree-topPanel .x-panel-body .typo3-pagetree-topPanel-button {
   margin-top: 0;
index 91afc96..8b098a7 100644 (file)
Binary files a/typo3/sysext/t3skin/Resources/Public/Images/docheader-split-background.png and b/typo3/sysext/t3skin/Resources/Public/Images/docheader-split-background.png differ
index 19c8341..99f40f0 100644 (file)
@@ -26,7 +26,6 @@
 }
 
 .x-panel-tbar {
-       border-bottom: 1px solid #cdcdcd;
 }
 
 .x-panel-body {