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

created switch button for org users that can toggle between users and invites

Browse Source
This commit is contained in:
Patrick O'Carroll
2018-09-21 10:25:46 +02:00
parent a6c438c878
commit c1d36f9e48
2 changed files with 66 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
public/sass/components/_buttons.scss
View File

@@ -221,6 +221,58 @@ $btn-service-icon-width: 35px;
}
}
//Toggle button
.toggle-btn {
&-left {
border-radius: 2px 0 0 2px;
border-left: 1px solid #dae0e8;
border-top: 1px solid #dae0e8;
border-bottom: 1px solid #dae0e8;
margin: 0;
box-shadow: $card-shadow;
&--active {
background-color: #fff;
//background-color: $btn-secondary-bg;
//color: #fff;
background-color: lighten($input-label-bg, 5%);
color: $link-color;
&:hover {
cursor: default;
}
}
&--inactive {
//@include buttonBackground($btn-inverse-bg, $btn-inverse-bg-hl, $btn-inverse-text-color, $btn-inverse-text-shadow);
background: $input-label-bg;
color: $text-color-weak;
}
}
&-right {
border-radius: 0 2px 2px 0;
border-right: 1px solid #dae0e8;
border-top: 1px solid #dae0e8;
border-bottom: 1px solid #dae0e8;
margin-left: 0 !important;
box-shadow: $card-shadow;
&--active {
background-color: #fff;
//background-color: $btn-secondary-bg;
//color: #FFF;
background-color: lighten($input-label-bg, 5%);
color: $link-color;
&:hover {
cursor: default;
}
}
&--inactive {
//@include buttonBackground($btn-inverse-bg, $btn-inverse-bg-hl, $btn-inverse-text-color, $btn-inverse-text-shadow);
background: $input-label-bg;
color: $text-color-weak;
}
}
}
//Button animations
.btn-loading span {