From 6eda3b735a20e4efe2a155ca60b27432f2b4ea41 Mon Sep 17 00:00:00 2001
From: Jo Hasenau <info@cybercraft.de>
Date: Fri, 4 Mar 2016 13:02:36 +0100
Subject: [PATCH] [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>
---
Build/Resources/Public/Less/TYPO3/_module_web_page.less | 8 +++++---
typo3/sysext/t3skin/Resources/Public/Css/backend.css | 8 +++++---
2 files changed, 10 insertions(+), 6 deletions(-)
diff --git a/Build/Resources/Public/Less/TYPO3/_module_web_page.less b/Build/Resources/Public/Less/TYPO3/_module_web_page.less
index 0bfbc88c5450..59847cdcc5fd 100644
--- 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 128031b153ad..3a372a3487af 100644
--- 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;
--
GitLab