Commit 890acb48 authored by Chenu Denis's avatar Chenu Denis
Browse files

[fix] Better focus

parent c6344781
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
......@@ -940,12 +940,9 @@ a:focus {
text-decoration: underline;
}
a:focus-visible {
outline: thin dotted;
}
a:focus-visible {
outline: #12538B 0.2em solid;
outline-color: rgba(18, 83, 139, 0.3);
outline-offset: 0.1em;
outline: #12538B 0.2rem solid;
outline-color: rgba(18, 83, 139, 0.5);
outline-offset: 0.1rem;
}
figure {
margin: 0;
......@@ -2481,7 +2478,9 @@ select[size] {
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: #12538B 0.2rem solid;
outline-color: rgba(18, 83, 139, 0.5);
outline-offset: 0.1rem;
}
output {
display: block;
......@@ -2509,10 +2508,10 @@ output {
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
border-color: #12538B;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(18, 83, 139, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(18, 83, 139, 0.6);
}
.form-control::-moz-placeholder {
color: #999;
......@@ -2971,7 +2970,9 @@ select[multiple].input-lg {
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: thin dotted;
outline: #12538B 0.2rem solid;
outline-color: rgba(18, 83, 139, 0.5);
outline-offset: 0.1rem;
}
.btn:hover,
.btn:focus,
......@@ -4393,7 +4394,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
padding-bottom: 0.75rem;
line-height: 1.5rem;
text-decoration: none;
border: 0.2em solid;
border: 0.2rem solid;
border-radius: 0.2rem;
}
.navbar-nav > li > a:focus-visible {
......@@ -6246,10 +6247,10 @@ fieldset[disabled] .button-item.btn-primary.active.focus {
}
/* Basic question css */
.question-container {
margin-bottom: 1.5em;
margin-bottom: 1.5rem;
}
.skel-group {
margin-bottom: 1.5em;
margin-bottom: 1.5rem;
}
.question-container.no-footer-spacer {
margin-bottom: 0;
......@@ -6354,7 +6355,7 @@ select[multiple].radio-text-item .input-sm {
.radio-list .radio-item label,
.checkbox-list .checkbox-item label,
.answers-list .radio-item label {
padding: 0.923rem 1.14rem;
padding: 0.71rem 1.14rem;
}
.dir-ltr .radio-list .radio-item label,
.dir-ltr .checkbox-list .checkbox-item label,
......@@ -6367,7 +6368,7 @@ select[multiple].radio-text-item .input-sm {
padding-right: 2.28rem;
}
.checkbox-text-item .checkbox-item label {
padding: 0.923rem 2.28rem;
padding: 0.71rem 2.28rem;
}
.radio-item label,
.checkbox-item label,
......@@ -6913,8 +6914,8 @@ li.noanswer-item input[type="radio"]:checked + label {
}
.radio-item input[type="radio"]:focus + label::before,
.checkbox-item input[type="checkbox"]:focus + label::before {
box-shadow: 0 0 5px 1px #66afe9;
border-color: #66afe9;
box-shadow: 0 0 0 0.2rem rgba(18, 83, 139, 0.5);
border-color: #12538B;
}
.radio-item label::after,
.checkbox-item label::after {
......@@ -6938,8 +6939,8 @@ li.noanswer-item input[type="radio"]:checked + label {
border-radius: 0.2rem;
}
.radio-item label::after {
background: #1C5F74;
color: #1C5F74;
background: #265680;
color: #265680;
font-family: "FontAwesome";
content: "\f111";
font-size: 12px;
......@@ -6947,7 +6948,7 @@ li.noanswer-item input[type="radio"]:checked + label {
text-indent: 0.1em;
}
.checkbox-item label::after {
background: #1C5F74;
background: #265680;
color: #fff;
font-family: "FontAwesome";
content: "\f00c";
......@@ -6981,7 +6982,7 @@ li.noanswer-item input[type="radio"]:checked + label {
opacity: 1;
}
.checkbox-item input[type="checkbox"]:checked + label::before {
background: #1C5F74;
background: #265680;
}
/* for table only if bigger but 1px broke if use max and min width … */
.radio-item label.ls-label-xs-visibility,
......@@ -7041,7 +7042,7 @@ td.checkbox-item input[type="checkbox"] {
line-height: 1.5;
text-indent: 0;
text-indent: initial;
padding: 0.923rem 20px;
padding: 0.71rem 20px;
top: auto;
clip: unset;
}
......@@ -8442,12 +8443,12 @@ li.slider-item {
}
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(18, 83, 139, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(18, 83, 139, 0.6);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
border-color: #66afe9;
border-color: #12538B;
}
.select2-container--bootstrap.select2-container--open {
/**
......@@ -8499,15 +8500,15 @@ li.slider-item {
display: none;
}
.select2-container--bootstrap .select2-dropdown {
-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
border-color: #66afe9;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
border-color: #12538B;
overflow-x: hidden;
margin-top: -1px;
}
.select2-container--bootstrap .select2-dropdown--above {
-webkit-box-shadow: 0px -0.5rem 1rem rgba(0, 0, 0, 0.175);
box-shadow: 0px -0.5rem 1rem rgba(0, 0, 0, 0.175);
-webkit-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
margin-top: 1px;
}
.select2-container--bootstrap .select2-results > .select2-results__options {
......
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
Supports Markdown
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