[TASK] Forms: Input/textarea :focus style 62/27562/2
authorFelix Kopp <felix-source@phorax.com>
Tue, 11 Feb 2014 21:55:13 +0000 (22:55 +0100)
committerStefan Neufeind <typo3.neufeind@speedpartner.de>
Mon, 17 Feb 2014 23:35:51 +0000 (00:35 +0100)
Brings a discreet :focus style for fields and buttons in ice
blue to complement our favorite TYPO3 orange.

Is introduced for all input fields, input submit & input reset,
buttons and textareas - generally and without exceptions.

Select and multi select fields do not get this focus definition.

Resolves: #55901
Releases: 6.2
Change-Id: I49d958199e29560a766f4687aa76541d07702901
Reviewed-on: https://review.typo3.org/27562
Reviewed-by: Wouter Wolters
Tested-by: Wouter Wolters
Reviewed-by: Stefan Neufeind
Tested-by: Stefan Neufeind
typo3/sysext/t3skin/Resources/Public/Css/visual/main_form.css

index 4aebbc3..fa65e9f 100644 (file)
@@ -1,6 +1,7 @@
 /* - - - - - - - - - - - - - - - - - - - - -
 Form
 - - - - - - - - - - - - - - - - - - - - - */
+
 input,
 textarea,
 button {
@@ -9,12 +10,16 @@ button {
        border-radius: 2px;
 }
 
-textarea.fixed-font {
-       font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
+input:focus,
+textarea:focus,
+button:focus {
+       border-color: rgb(50, 160, 255);
+       box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 6px rgba(50, 160, 255, 0.6);
+       outline: 0;
 }
 
-textarea:hover {
-       border: 1px solid #737f91;
+textarea.fixed-font {
+       font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
 }
 
 .checkbox,