[TASK] Unify button styles

Unifies buttons over the backend: + <button> + <input type="submit"> + <input type="reset"> + <a class="t3-button"> Extensions do not need to bring own styling for buttons. Also adds padding and margin to input, buttons. Change-Id: Ie1ab255354a222acfbac9b3260297ff345b6feed Resolves: #55319 Releases: 6.2 Reviewed-on: https://review.typo3.org/27048 Reviewed-by: Wouter Wolters Tested-by: Wouter Wolters Reviewed-by: Marcin Sągol Reviewed-by: Markus Klein Tested-by: Markus Klein
TYPO3 · Jan 28, 2014 · 1e89ca4 · 1e89ca4
1 parent 7fe3c5f
commit 1e89ca4
Show file tree

Hide file tree

Showing 7 changed files with 24 additions and 44 deletions.
diff --git a/typo3/sysext/scheduler/res/tx_scheduler_be.css b/typo3/sysext/scheduler/res/tx_scheduler_be.css
@@ -46,11 +46,6 @@
 	width: auto;
 }
 
-.tx_scheduler_mod1 input.button {
-	padding: 1px 4px 1px 4px;
-	margin: 5px 0px;
-}
-
 .tx_scheduler_mod1 .status-legend {
 	padding-top: 10px;
 	padding-bottom: 5px;

diff --git a/typo3/sysext/t3skin/Resources/Public/Css/structure/main_content.css b/typo3/sysext/t3skin/Resources/Public/Css/structure/main_content.css
@@ -11,17 +11,6 @@ body {
 	line-height: 1.5em;
 }
 
-select,
-textarea,
-input,
-td,
-body,
-.defstyle,
-p,
-div {
-	margin: 0px;
-}
-
 h1 {
 	font-size: 2.3em;
 	margin: 0 0 30px 0;

diff --git a/typo3/sysext/t3skin/Resources/Public/Css/structure/main_form.css b/typo3/sysext/t3skin/Resources/Public/Css/structure/main_form.css
@@ -10,13 +10,23 @@ form {
 	margin-bottom: 1.25em;
 }
 
+.t3-button,
 input,
-textarea {
-	padding: 2px;
+textarea,
+select,
+button {
+	padding: 3px 6px;
+	margin: 0 0.5em 0.5em 0;
+}
+
+input[type=checkbox] {
+	padding: 0;
 }
 
 label {
 	vertical-align: middle;
+	min-height: 25px;
+	line-height: 25px;
 }
 
 .checkbox,

diff --git a/typo3/sysext/t3skin/Resources/Public/Css/structure/module_web_list.css b/typo3/sysext/t3skin/Resources/Public/Css/structure/module_web_list.css
@@ -108,10 +108,6 @@ table#typo3-dblist-fieldSelect {
 	margin-top: 20px;
 }
 
-table#typo3-dblist-fieldSelect input[type="submit"] {
-	margin-left: 10px;
-}
-
 table.typo3-dblist-overview {
 	margin-top: 10px;
 	margin-left: 1px;
@@ -193,12 +189,6 @@ div#typo3-dblist-pagination span.bar {
 	position: relative;
 }
 
-#typo3-dblist-search input[type="submit"] {
-	height: 19px;
-	margin-left: 5px;
-	padding: 0 4px 2px 4px;
-}
-
 .t3-list-table-header-icon-down {
 	display: inline-block;
 	height: 6px;

diff --git a/typo3/sysext/t3skin/Resources/Public/Css/visual/main_form.css b/typo3/sysext/t3skin/Resources/Public/Css/visual/main_form.css
@@ -6,35 +6,36 @@ textarea.fixed-font {
 	font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
 }
 
-textarea {
+.t3-button,
+input,
+textarea,
+button {
 	background-color: #fefefe;
 	border: 1px solid #7c7c7c;
+	border-radius: 2px;
 }
 
 textarea:hover {
 	border: 1px solid #737f91;
 }
 
+.t3-button,
+button,
 input[type="submit"],
 input[type="reset"],
-input[type="button"],
-input[type="submit"][disabled="disabled"]:hover,
-input[type="reset"][disabled="disabled"]:hover,
-input[type="button"][disabled="disabled"]:hover {
+input[type="button"] {
 	background-color: #f6f6f6;
 	background-image: url('../../../../images/backgrounds/button.png');
 	background-image: linear-gradient(center top, #f6f6f6 10%, #d5d5d5 90%);
 	background-image: -moz-linear-gradient(center top, #f6f6f6 10%, #d5d5d5 90%);
 	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #f6f6f6), color-stop(0.9, #d5d5d5));
 	background-position: bottom;
 	background-repeat: repeat-x;
-	border: 1px solid #7c7c7c;
-	border-radius: 1px;
-	-moz-border-radius: 1px;
 	color: #434343;
 	cursor: pointer;
 }
 
+.t3-button:hover,
 input[type="submit"]:hover,
 input[type="reset"]:hover,
 input[type="button"]:hover {
@@ -48,8 +49,11 @@ input[type="button"]:hover {
 	border: 1px solid #737f91;
 	color: #1e1e1e;
 	cursor: pointer;
+	text-decoration: none;
 }
 
+.t3-button.disabled,
+button[disabled="disabled"],
 input[type="submit"][disabled="disabled"],
 input[type="reset"][disabled="disabled"],
 input[type="button"][disabled="disabled"],

diff --git a/typo3/sysext/taskcenter/res/mod_styles.css b/typo3/sysext/taskcenter/res/mod_styles.css
@@ -219,13 +219,6 @@ body#ext-taskcenter-task-index-php h3 {
 	float: left;
 }
 
-#taskcenter-item fieldset.fields input, #taskcenter-item fieldset.fields select {
-	width: 160px;
-	float: left;
-	border: 1px solid #ccc;
-	padding: 2px 3px;
-}
-
 #taskcenter-item fieldset.fields select {
 	width: 170px;
 }

diff --git a/typo3/sysext/wizard_crpages/Classes/Controller/CreatePagesWizardModuleFunctionController.php b/typo3/sysext/wizard_crpages/Classes/Controller/CreatePagesWizardModuleFunctionController.php
@@ -186,7 +186,6 @@ public function main() {
 				#formFieldContainer {float: left; margin: 0 0 10px 0;}
 				.clearLeft {clear: left;}
 				#formFieldContainer label {width: 70px; display: inline-block;}
-				#formFieldContainer input {margin:4px 2px; padding:1px; vertical-align:middle}
 				#formFieldContainer span {padding: 0 3px;}
 				');
 			}