IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #11794 from grafana/11616-timepicker-buttons

Browse Source 
fix dark/light theme date selector styling in timepicker control
This commit is contained in:
Marcus Efraimsson 2018-05-04 14:55:56 +02:00 committed by GitHub
commit d0753949bc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
public/sass/components/_timepicker.scss
View File

@ -71,21 +71,29 @@
td { td {
padding: 1px; padding: 1px;
} }
button.btn-sm { button {
@include buttonBackground($btn-inverse-bg, $btn-inverse-bg-hl); @include buttonBackground($btn-inverse-bg, $btn-inverse-bg-hl);
font-size: $font-size-sm;
background-image: none; background-image: none;
border: none; border: none;
padding: 5px 11px;
color: $text-color; color: $text-color;
&.active span { &.active span {
color: $blue; color: $query-blue;
font-weight: bold; font-weight: bold;
} }
.text-info { .text-info {
color: $orange; color: $orange;
font-weight: bold; font-weight: bold;
} }
&.btn-sm {
font-size: $font-size-sm;
padding: 5px 11px;
}
&:hover {
color: $text-color-strong;
}
&[disabled] {
color: $text-color;
}
} }
} }
@ -103,10 +111,10 @@
} }
.fa-chevron-left::before { .fa-chevron-left::before {
content: "\f053"; content: '\f053';
} }
.fa-chevron-right::before { .fa-chevron-right::before {
content: "\f054"; content: '\f054';
} }
.glyphicon-chevron-right { .glyphicon-chevron-right {