[FEATURE] Improve link area in Install Tool navigation 35/36535/2
authorDoreen Gröger <mail@doreen-groeger.de>
Sat, 31 Jan 2015 16:58:56 +0000 (17:58 +0100)
committerNicole Cordes <typo3@cordes.co>
Sat, 31 Jan 2015 18:03:15 +0000 (19:03 +0100)
Currently only the text from the Install Tool navigation is clickable.
To improve the user experience this patch extends CSS to enlarge the
link area to the whole navigation item.

Releases: master
Resolves: #64698
Change-Id: I6c4b130a931c1cf0c7d07261f2742b1a4fb6a9d3
Reviewed-on: http://review.typo3.org/36535
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
Reviewed-by: Nicole Cordes <typo3@cordes.co>
Tested-by: Nicole Cordes <typo3@cordes.co>
typo3/sysext/install/Resources/Public/Stylesheets/Action/Common/Install.css

index df92620..f0e8d78 100644 (file)
@@ -323,7 +323,7 @@ button span.t3-install-form-button-icon-negative {
 }
 
 #t3-install-menu li {
-       padding: 0.35em 0 0.35em 2.8em;
+       padding: 0.35em 0;
 }
 
 #t3-install-menu li.act {
@@ -333,6 +333,11 @@ button span.t3-install-form-button-icon-negative {
 #t3-install-menu a {
        color: #606060;
        text-decoration: none;
+       padding: 0.35em 0px 0.35em 2.8em;
+       display: block;
+       line-height: 120%;
+       background-repeat: no-repeat;
+       background-position: 10px 5px;
 }
 
 #t3-install-menu a:hover {
@@ -349,11 +354,11 @@ button span.t3-install-form-button-icon-negative {
        background-position: 0.7em center;
 }
 
-#t3-install-menu #t3-install-menu-importantActions {
+#t3-install-menu #t3-install-menu-importantActions {
        background-image: url('../../../Images/Menu/ImportantActions.png');
 }
 
-#t3-install-menu #t3-install-menu-systemEnvironment {
+#t3-install-menu #t3-install-menu-systemEnvironment {
        background-image: url('../../../Images/Menu/SystemEnvironment.png');
 }
 
@@ -361,31 +366,31 @@ button span.t3-install-form-button-icon-negative {
        background-color: #585858;
 }
 
-#t3-install-menu #t3-install-menu-configuration {
+#t3-install-menu #t3-install-menu-configuration {
        background-image: url('../../../Images/Menu/Configuration.png');
 }
 
-#t3-install-menu #t3-install-menu-folderStructure {
+#t3-install-menu #t3-install-menu-folderStructure {
        background-image: url('../../../Images/Menu/FolderStructure.png');
 }
 
-#t3-install-menu #t3-install-menu-upgradeWizard {
+#t3-install-menu #t3-install-menu-upgradeWizard {
        background-image: url('../../../Images/Menu/UpgradeWizard.png');
 }
 
-#t3-install-menu #t3-install-menu-testSetup {
+#t3-install-menu #t3-install-menu-testSetup {
        background-image: url('../../../Images/Menu/TestSetup.png');
 }
 
-#t3-install-menu #t3-install-menu-allConfiguration {
+#t3-install-menu #t3-install-menu-allConfiguration {
        background-image: url('../../../Images/Menu/AllConfiguration.png');
 }
 
-#t3-install-menu #t3-install-menu-cleanUp {
+#t3-install-menu #t3-install-menu-cleanUp {
        background-image: url('../../../Images/Menu/CleanUp.png');
 }
 
-#t3-install-menu #t3-install-menu-welcome {
+#t3-install-menu #t3-install-menu-welcome {
        background-image: url('../../../Images/Menu/Welcome.png');
 }