github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 17:59:23 -04:00
Code Issues Projects Releases Packages Wiki Activity

Refine Tab focused state.

Browse source
This commit is contained in:
CJ Cenizal 2017-02-23 15:43:32 -08:00
parent 1cf8277e1b
commit 23e39587c4
2 changed files with 16 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
ui_framework/components/tabs/_tabs.scss
View file

@ -5,6 +5,7 @@
/**
* 1. Override button styles (some of which are from Bootstrap).
* 2. Adding a border shifts tabs right by 1px, so we need to shift them back.
*/
.kuiTab {
appearance: none; /* 1 */
@ -14,17 +15,22 @@
color: $subduedFontColor;
background-color: #ffffff; /* 1 */
border: 1px solid $standoutBackgroundColor;
border-bottom: none;
border-bottom-color: transparent;
border-radius: 0; /* 1 */
& + & {
border-left: none;
&:focus {
margin-left: -1px; /* 2 */
}
}
&:focus {
color: $linkColor;
z-index: 1;
outline: 1px solid $selectedBorderColor !important; /* 1 */
outline: none; /* 1 */
border: 1px solid $selectedBorderColor !important;
}
&:hover:not(.kuiTab-isSelected) {

11
ui_framework/dist/ui_framework.css vendored
View file

@ -1485,6 +1485,7 @@ body {
/**
* 1. Override button styles (some of which are from Bootstrap).
* 2. Adding a border shifts tabs right by 1px, so we need to shift them back.
*/
.kuiTab {
-webkit-appearance: none;
@ -1498,16 +1499,20 @@ body {
background-color: #ffffff;
/* 1 */
border: 1px solid #E4E4E4;
border-bottom: none;
border-bottom-color: transparent;
border-radius: 0;
/* 1 */ }
.kuiTab + .kuiTab {
border-left: none; }
.kuiTab + .kuiTab:focus {
margin-left: -1px;
/* 2 */ }
.kuiTab:focus {
color: #3CAED2;
z-index: 1;
outline: 1px solid #6EADC1 !important;
/* 1 */ }
outline: none;
/* 1 */
border: 1px solid #6EADC1 !important; }
.kuiTab:hover:not(.kuiTab-isSelected) {
color: #006E8A; }
.kuiTab:active {