From c5271d607aa03430df634551c13c6deebeee3a95 Mon Sep 17 00:00:00 2001
From: Felix Kopp <felix-source@phorax.com>
Date: Tue, 11 Feb 2014 22:55:13 +0100
Subject: [PATCH] [TASK] Forms: Input/textarea :focus style
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
---
.../Resources/Public/Css/visual/main_form.css | 13 +++++++++----
1 file changed, 9 insertions(+), 4 deletions(-)
diff --git a/typo3/sysext/t3skin/Resources/Public/Css/visual/main_form.css b/typo3/sysext/t3skin/Resources/Public/Css/visual/main_form.css
index 4aebbc3aeb42..fa65e9f3759f 100644
--- a/typo3/sysext/t3skin/Resources/Public/Css/visual/main_form.css
+++ b/typo3/sysext/t3skin/Resources/Public/Css/visual/main_form.css
@@ -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,
--
GitLab