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

Move CSS for config to main stylesheet

Browse source
This commit is contained in:
Rashid Khan 2014-02-28 08:55:50 -07:00
parent fd77870f90
commit 582ca71b10
3 changed files with 164 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/kibana/partials/navConfig.html
View file

@ -1,6 +1,8 @@
<div class="config" ng-show="configTemplate">
<i class="pull-right fa fa-times remove" ng-click="close()" />
<form role="form" ng-submit="configSubmit()">
<form role="form" class="navbar-form" ng-submit="configSubmit()">
<div ng-include="configTemplate" />
</form>
</div>
<div class="config-close remove" ng-click="close()">
<i class="fa fa-chevron-up" />
</div>
</div>

139
src/kibana/styles/main.css
View file

@ -6330,7 +6330,9 @@ button.close {
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
.modal-footer:after,
.config:before,
.config:after {
content: " ";
display: table;
}
@ -6347,7 +6349,8 @@ button.close {
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
.modal-footer:after,
.config:after {
clear: both;
}
.center-block {
@ -6861,3 +6864,135 @@ body div.content {
[ng-click] {
cursor: pointer;
}
.config {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
margin-bottom: 0px!important;
background-color: #f8f8f8;
border-color: #e7e7e7;
background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
z-index: 1000;
border-width: 0 0 1px;
border-radius: 0;
}
@media (min-width: 768px) {
.config {
border-radius: 4px;
}
}
.config .navbar-brand {
color: #777777;
}
.config .navbar-brand:hover,
.config .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.config .navbar-text {
color: #777777;
}
.config .navbar-nav > li > a {
color: #777777;
}
.config .navbar-nav > li > a:hover,
.config .navbar-nav > li > a:focus {
color: #333333;
background-color: transparent;
}
.config .navbar-nav > .active > a,
.config .navbar-nav > .active > a:hover,
.config .navbar-nav > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.config .navbar-nav > .disabled > a,
.config .navbar-nav > .disabled > a:hover,
.config .navbar-nav > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
.config .navbar-toggle {
border-color: #dddddd;
}
.config .navbar-toggle:hover,
.config .navbar-toggle:focus {
background-color: #dddddd;
}
.config .navbar-toggle .icon-bar {
background-color: #888888;
}
.config .navbar-collapse,
.config .navbar-form {
border-color: #e7e7e7;
}
.config .navbar-nav > .open > a,
.config .navbar-nav > .open > a:hover,
.config .navbar-nav > .open > a:focus {
background-color: #e7e7e7;
color: #555555;
}
@media (max-width: 767px) {
.config .navbar-nav .open .dropdown-menu > li > a {
color: #777777;
}
.config .navbar-nav .open .dropdown-menu > li > a:hover,
.config .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333333;
background-color: transparent;
}
.config .navbar-nav .open .dropdown-menu > .active > a,
.config .navbar-nav .open .dropdown-menu > .active > a:hover,
.config .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.config .navbar-nav .open .dropdown-menu > .disabled > a,
.config .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.config .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
}
.config .navbar-link {
color: #777777;
}
.config .navbar-link:hover {
color: #333333;
}
.config .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
}
@media (min-width: 768px) {
.config {
border-radius: 0;
}
}
.config .config-container {
padding: 10px 15px;
}
.config .config-close {
width: 100%;
background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
text-align: center;
}

22
src/kibana/styles/main.less
View file

@ -39,4 +39,26 @@ body div.content {
[ng-click] {
cursor: pointer;
}
//== Config
.config {
.navbar;
.navbar-default;
.navbar-static-top;
}
.config .config-container {
padding: 10px 15px;
}
.config .config-close {
width: 100%;
#gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg);
.reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
border-radius: @navbar-border-radius;
@shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
.box-shadow(@shadow);
text-align: center;
}