[TASK] Increased default visibility of column header icons

Resolves: #74148
Releases: master
Change-Id: I00c08d407a9865043278f42ba79a4de01cb71c45
Reviewed-on: https://review.typo3.org/47044
Reviewed-by: Eugen Lang <laeu1011+gerrit@gmail.com>
Tested-by: Eugen Lang <laeu1011+gerrit@gmail.com>
Reviewed-by: Jan Helke <typo3@helke.de>
Tested-by: Jan Helke <typo3@helke.de>

diff --git a/Build/Resources/Public/Less/TYPO3/_module_web_page.less b/Build/Resources/Public/Less/TYPO3/_module_web_page.less
index 0bfbc88..59847cd 100644 (file)
--- a/Build/Resources/Public/Less/TYPO3/_module_web_page.less
+++ b/Build/Resources/Public/Less/TYPO3/_module_web_page.less
@@ -66,9 +66,11 @@
        }
 }
 .t3-page-column-header-icons {
-       visibility: hidden;
+       .transition(opacity .15s ease-in);
+       opacity: 0.3;
        position: absolute;
-       right: 0;
+       right: @page-grid-spacing;
+       bottom: @page-grid-spacing / 2;
 }
 .t3-page-column-header {
        padding: (@page-grid-spacing * 2) @page-grid-spacing (@page-grid-spacing / 2) @page-grid-spacing;
@@ -82,7 +84,7 @@
        }
        &:hover {
                .t3-page-column-header-icons {
-                       visibility: visible;
+                       opacity: 1;
                }
        }
 }

diff --git a/typo3/sysext/t3skin/Resources/Public/Css/backend.css b/typo3/sysext/t3skin/Resources/Public/Css/backend.css
index 128031b..3a372a3 100644 (file)
--- a/typo3/sysext/t3skin/Resources/Public/Css/backend.css
+++ b/typo3/sysext/t3skin/Resources/Public/Css/backend.css
@@ -12119,9 +12119,11 @@ iframe {
   margin: 0;
 }
 .t3-page-column-header-icons {
-  visibility: hidden;
+  transition: opacity 0.15s ease-in;
+  opacity: 0.3;
   position: absolute;
-  right: 0;
+  right: 10px;
+  bottom: 5px;
 }
 .t3-page-column-header {
   padding: 20px 10px 5px 10px;
@@ -12135,7 +12137,7 @@ iframe {
   position: relative;
 }
 .t3-page-column-header:hover .t3-page-column-header-icons {
-  visibility: visible;
+  opacity: 1;
 }
 .t3-page-columns-mode img.c-divider {
   margin: 10px 0 5px 0;