diff --git a/Build/Resources/Public/Less/TYPO3/_module_web_page.less b/Build/Resources/Public/Less/TYPO3/_module_web_page.less index 0bfbc88c545000a86ebc44e4019770bfa7cb0e34..59847cdcc5fd7de338c68b041ac1b1747be11a28 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 128031b153ada77573022a299d54b231333749de..3a372a3487afbcf1b176bf7bfd225b956a665432 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;