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

Fix bug with Button component appearance inside of a ToolBar. (#9526)

Browse source
This commit is contained in:
CJ Cenizal 2016-12-16 09:36:07 -08:00 • committed by GitHub
parent 455b43d712
commit eb6d74a538
3 changed files with 20 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/ui_framework/components/button/_button.scss
View file

@ -80,3 +80,21 @@
@include focus(#ff523c);
}
}
@mixin buttonOnReverseBackground {
.kuiButton--basic {
color: #5a5a5a;
background-color: #FFFFFF;
&:hover:enabled,
&:active:enabled {
color: #000000;
background-color: #FAFAFA;
}
&:disabled {
color: #a7a7a7;
background-color: #F3F3F3;
}
}
}

12
src/ui_framework/components/tool_bar/_tool_bar.scss
View file

@ -5,17 +5,7 @@
height: 50px;
background-color: $panelColor;
.kuiButton--basic {
background-color: #FFFFFF;
&:hover:enabled {
background-color: #FFFFFF;
}
&:active:enabled {
background-color: #FAFAFA;
}
}
@include buttonOnReverseBackground;
}
/**

1
src/ui_framework/doc_site/src/components/guide_nav/_guide_nav.scss
View file

@ -61,6 +61,7 @@
@include scrollbar;
display: flex;
overflow: auto;
min-height: calc(100vh - 100px);
}
.guideNavItems {