[TASK] t3skin: Base login screen input on Bootstrap 40/32740/3
authorFelix Kopp <felix-source@phorax.com>
Fri, 12 Sep 2014 09:38:16 +0000 (11:38 +0200)
committerAnja Leichsenring <aleichsenring@ab-softlab.de>
Sat, 13 Sep 2014 19:25:04 +0000 (21:25 +0200)
Inherit input field styles from bootstrap for login screen.

Resolves: #61557
Releases: master
Change-Id: I5036841fe2c5c10f4d62dfc40534039d6f5dddd9
Reviewed-on: http://review.typo3.org/32740
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
Reviewed-by: Anja Leichsenring <aleichsenring@ab-softlab.de>
Tested-by: Anja Leichsenring <aleichsenring@ab-softlab.de>
typo3/sysext/backend/Resources/Private/Templates/login.html
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_login_screen.less
typo3/sysext/t3skin/Resources/Public/Css/visual/t3kin.css

index d652be3..845baed 100644 (file)
@@ -73,8 +73,8 @@
 <!-- ###LOGIN_ERROR### end -->
 
 <div id="t3-login-form-fields" class="###CSS_OPENIDCLASS###">
-       <div class="t3-login-field" id="t3-login-username-section">
-               <input type="text" id="t3-username" name="username" value="###VALUE_USERNAME###" placeholder="###LABEL_USERNAME###" class="t3-username" autofocus="autofocus" />
+       <div class="form-group t3-login-field" id="t3-login-username-section">
+               <input type="text" id="t3-username" name="username" value="###VALUE_USERNAME###" placeholder="###LABEL_USERNAME###" class="form-control t3-username input-lg" autofocus="autofocus" />
 
                <div class="t3-login-clearInputField">
                        <a id="t3-username-clearIcon" style="display: none;">
                        <img src="sysext/t3skin/icons/login_capslock.gif" alt="###ERROR_CAPSLOCK###" title="###ERROR_CAPSLOCK###" />
                </div>
        </div>
-       <div class="t3-login-password t3-login-field" id="t3-login-password-section">
-               <input type="password" id="t3-password" name="p_field" value="###VALUE_PASSWORD###" placeholder="###LABEL_PASSWORD###" class="t3-password" />
+
+       <div class="form-group t3-login-password t3-login-field" id="t3-login-password-section">
+               <input type="password" id="t3-password" name="p_field" value="###VALUE_PASSWORD###" placeholder="###LABEL_PASSWORD###" class="form-control t3-password input-lg" />
+
                <div class="t3-login-clearInputField">
                        <a id="t3-password-clearIcon" style="display: none;">
                                <img src="sysext/t3skin/icons/common-input-clear.png" alt="###CLEAR###" title="###CLEAR###" />
@@ -96,8 +98,9 @@
                        <img src="sysext/t3skin/icons/login_capslock.gif" alt="###ERROR_CAPSLOCK###" title="###ERROR_CAPSLOCK###" />
                </div>
        </div>
-       <div class="t3-login-field" id="t3-login-openid_url-section" style="display: none">
-               <input type="text" id="openid_url" name="openid_url" value="###VALUE_OPENID_URL###" placeholder="###LABEL_OPENID###" class="t3-openidurl" />
+
+       <div class="form-group t3-login-field" id="t3-login-openid_url-section" style="display: none">
+               <input type="text" id="openid_url" name="openid_url" value="###VALUE_OPENID_URL###" placeholder="###LABEL_OPENID###" class="form-control t3-openidurl" />
 
                <div class="t3-login-clearInputField">
                        <a id="openid_url-clearIcon" style="display: none;">
                        </a>
                </div>
        </div>
-       <div class="t3-login-field clearfix">
+
+       <div class="form-group t3-login-field clearfix">
                <!-- ###INTERFACE_SELECTOR### begin -->
                <div class="t3-login-interface" id="t3-login-interface-section">
                        ###VALUE_INTERFACE###
                        <img src="sysext/t3skin/icons/logo-openid.png" alt="OpenID" title="OpenID" />
                </div>
 
-               <input type="submit" name="commandLI" id="t3-login-submit" value="###VALUE_SUBMIT###" class="t3-login-submit" />
+               <input type="submit" name="commandLI" id="t3-login-submit" value="###VALUE_SUBMIT###" class="form-control pull-right t3-login-submit" />
        </div>
 
        <div class="t3-login-form-footer">
                <div id="t3-login-form-footer-default">
                        <a id="t3-login-switchToOpenId" class="switchToOpenId">###LABEL_SWITCHOPENID###</a>
                </div>
+
                <div id="t3-login-form-footer-openId" style="display: none">
                        <a href="http://openid.net/" id="t3-login-whatIsOpenId" target="_blank" class="switchToOpenId">###LABEL_WHATISOPENID###</a>
                        &#124;
index e145458..995309a 100644 (file)
        padding: 3px 5px 0 0;
 }
 
-#typo3-index-php .t3-login-field {
+#typo3-index-php .t3-login-field,
+#typo3-index-php .t3-login-submit {
        margin: 0 0 6px;
-       padding: 0;
+       /** For clearable */
        position: relative;
-       width: 100%;
 }
 
 #typo3-index-php .t3-login-field .t3-login-clearInputField {
        cursor: pointer;
        position: absolute;
-       top: 8px;
+       top: 11px;
        right: 11px;
 }
 
        top: 5px;
 }
 
-#typo3-index-php .t3-login-field input {
-       line-height: 16px;
-       margin: 0;
-       padding: 9px 25px 9px 10px;
-       width: 350px;
-}
-
 #typo3-index-php #t3-login-interface-section {
        float: left;
 }
 }
 
 #typo3-index-php .t3-login-field input.t3-login-submit {
-       display: block;
-       float: right;
        width: auto;
 
        height: 28px;
index bdc6242..1408863 100644 (file)
@@ -8896,16 +8896,16 @@ body#typo3-wizard-colorpicker-php p.c-head {
   float: left;
   padding: 3px 5px 0 0;
 }
-#typo3-index-php .t3-login-field {
+#typo3-index-php .t3-login-field,
+#typo3-index-php .t3-login-submit {
   margin: 0 0 6px;
-  padding: 0;
+  /** For clearable */
   position: relative;
-  width: 100%;
 }
 #typo3-index-php .t3-login-field .t3-login-clearInputField {
   cursor: pointer;
   position: absolute;
-  top: 8px;
+  top: 11px;
   right: 11px;
 }
 #typo3-index-php .t3-login-field .t3-login-alert-capslock {
@@ -8913,12 +8913,6 @@ body#typo3-wizard-colorpicker-php p.c-head {
   position: absolute;
   top: 5px;
 }
-#typo3-index-php .t3-login-field input {
-  line-height: 16px;
-  margin: 0;
-  padding: 9px 25px 9px 10px;
-  width: 350px;
-}
 #typo3-index-php #t3-login-interface-section {
   float: left;
 }
@@ -8933,8 +8927,6 @@ body#typo3-wizard-colorpicker-php p.c-head {
   display: none;
 }
 #typo3-index-php .t3-login-field input.t3-login-submit {
-  display: block;
-  float: right;
   width: auto;
   height: 28px;
   padding: 0 50px;