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

Fix: Align buttons and label in ToggleButtonGroup (#19036)

Browse Source
This commit is contained in:
Peter Holmberg
2019-09-12 14:42:28 +02:00
committed by GitHub
parent e4e7719428
commit dc0bfb26cf
5 changed files with 56 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/sass/components/_gf-form.scss
View File

@@ -20,6 +20,10 @@ $input-border: 1px solid $input-border-color;
justify-content: flex-end;
}
&--align-center {
align-content: center;
}
&--alt {
flex-direction: column;
align-items: flex-start;

2
public/sass/components/_toggle_button_group.scss
View File

@@ -1,10 +1,10 @@
.toggle-button-group {
display: flex;
padding-top: 5px;
.btn {
@include buttonBackground($btn-inverse-bg, $btn-inverse-bg-hl, $btn-inverse-text-color, $btn-inverse-text-shadow);
height: $input-height;
padding: 7px 10px;
font-weight: $font-weight-semi-bold;
font-size: $font-size-sm;

4
public/sass/pages/_explore.scss
View File

@@ -349,10 +349,6 @@
.query-type-toggle {
margin-left: 5px;
.toggle-button-group {
padding-top: 2px;
}
.btn.active {
background-color: $input-bg;
background-image: none;