[TASK] Unify button styles 48/27048/3
authorFelix Kopp <felix-source@phorax.com>
Fri, 24 Jan 2014 23:21:17 +0000 (00:21 +0100)
committerMarkus Klein <klein.t3@mfc-linz.at>
Tue, 28 Jan 2014 19:10:01 +0000 (20:10 +0100)
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/sysext/scheduler/res/tx_scheduler_be.css
typo3/sysext/t3skin/Resources/Public/Css/structure/main_content.css
typo3/sysext/t3skin/Resources/Public/Css/structure/main_form.css
typo3/sysext/t3skin/Resources/Public/Css/structure/module_web_list.css
typo3/sysext/t3skin/Resources/Public/Css/visual/main_form.css
typo3/sysext/taskcenter/res/mod_styles.css
typo3/sysext/wizard_crpages/Classes/Controller/CreatePagesWizardModuleFunctionController.php

index 9cb388a..47579b6 100644 (file)
        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;
index 7f5f0c3..47ff323 100644 (file)
@@ -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;
index 3917e79..6109e2b 100644 (file)
@@ -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,
index 7527c59..53d6148 100644 (file)
@@ -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;
index 344fc2c..a519cb7 100644 (file)
@@ -6,21 +6,24 @@ 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%);
@@ -28,13 +31,11 @@ input[type="button"][disabled="disabled"]:hover {
        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"],
index 7828d8f..bc8cebd 100644 (file)
@@ -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;
 }
index 4009c41..aab3ea5 100644 (file)
@@ -186,7 +186,6 @@ class CreatePagesWizardModuleFunctionController extends \TYPO3\CMS\Backend\Modul
                                #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;}
                                ');
                        }