Skip to content
Snippets Groups Projects
Commit c5271d60 authored by Felix Kopp's avatar Felix Kopp Committed by Stefan Neufeind
Browse files

[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
parent adac6161
Branches
Tags
No related merge requests found
/* - - - - - - - - - - - - - - - - - - - - - /* - - - - - - - - - - - - - - - - - - - - -
Form Form
- - - - - - - - - - - - - - - - - - - - - */ - - - - - - - - - - - - - - - - - - - - - */
input, input,
textarea, textarea,
button { button {
...@@ -9,12 +10,16 @@ button { ...@@ -9,12 +10,16 @@ button {
border-radius: 2px; border-radius: 2px;
} }
textarea.fixed-font { input:focus,
font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace; 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 { textarea.fixed-font {
border: 1px solid #737f91; font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
} }
.checkbox, .checkbox,
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment