Permalink
Browse files

FLUID-4962: Adds focus style to contrast theme choices, and themes th…

…e focus for this and on/off switches
  • Loading branch information...
1 parent 214080b commit f51e3fc86b3d276d2774784fdc16731b357d4f86 @heidiv heidiv committed Apr 1, 2013
Showing with 14 additions and 4 deletions.
  1. +14 −4 src/webapp/components/uiOptions/css/FatPanelUIOptionsFrame.css
@@ -129,8 +129,7 @@
}
.fl-uiOptions-fatPanel .fl-choice label {
- margin-right: 5px;
-
+ margin-right: 5px;
border: 1px solid black;
border-radius: 5px;
height: 3em;
@@ -140,7 +139,6 @@
display: inline-block;
line-height: 3em !important;
}
-
.fl-uiOptions-fatPanel .fl-choice .uio-demo-theme .fl-crossout {
margin-top:-1.5em;
border-bottom: 1px dashed #ddbdc0;
@@ -154,9 +152,10 @@
font-size: 2.1em;
}
-.fl-uiOptions-fatPanel .fl-choice input:focus + label {
+.fl-uiOptions-fatPanel .fl-choice input:focus ~ label {
outline: 2px solid black;
}
+
.fl-uiOptions-fatPanel .fl-choice .fl-indicator {
font-family: 'UIO';
speak: none;
@@ -370,3 +369,14 @@
border-color: #FFFF00 !important;
color: #FFFF00 !important;
}
+
+.fl-uiOptions-fatPanel.fl-theme-bw .fl-uiOptions-fatPanel-toc-input:focus + label,
+.fl-uiOptions-fatPanel.fl-theme-wb .fl-uiOptions-fatPanel-toc-input:focus + label,
+.fl-uiOptions-fatPanel.fl-theme-by .fl-uiOptions-fatPanel-toc-input:focus + label,
+.fl-uiOptions-fatPanel.fl-theme-yb .fl-uiOptions-fatPanel-toc-input:focus + label,
+.fl-uiOptions-fatPanel.fl-theme-bw .fl-choice input:focus ~ label,
+.fl-uiOptions-fatPanel.fl-theme-wb .fl-choice input:focus ~ label,
+.fl-uiOptions-fatPanel.fl-theme-by .fl-choice input:focus ~ label,
+.fl-uiOptions-fatPanel.fl-theme-yb .fl-choice input:focus ~ label {
+ outline: 0.2em solid #00AAFF;
+}

0 comments on commit f51e3fc

Please sign in to comment.