mirror of
https://github.com/grafana/grafana.git
synced 2025-02-16 18:34:52 -06:00
3c61b563c3
* Add items for navmodel and basic page * add reducer and actions * adding user mapping table component * adding components for ldap tables * add alert box on error * close error alert box * LDAP status page: connect APIs WIP * LDAP debug: fetch connection status from API * LDAP debug: fetch user info from API * LDAP debug: improve connection error view * LDAP debug: connection error tweaks * LDAP debug: fix role mapping view * LDAP debug: role mapping view tweaks * LDAP debug: add bulk-sync button stub * LDAP debug: minor refactor * LDAP debug: show user teams * LDAP debug: user info refactor * LDAP debug: initial user page * LDAP debug: minor refactor, remove unused angular wrapper * LDAP debug: add sessions to user page * LDAP debug: tweak user page * LDAP debug: tweak view for disabled user * LDAP debug: get sync info from API * LDAP debug: user sync info * LDAP debug: sync user button * LDAP debug: clear error on page load * LDAP debug: add user last sync info * LDAP debug: actions refactor * LDAP debug: roles and teams style tweaks * Pass showAttributeMapping to LdapUserTeams * LDAP debug: hide bulk sync button * LDAP debug: refactor sessions component * LDAP debug: fix loading user sessions * LDAP debug: hide sync user button * LDAP debug: fix fetching unavailable /ldap-sync-status endpoint * LDAP debug: revert accidentally added fix * LDAP debug: show error when LDAP is not enabled * LDAP debug: refactor, move ldap components into ldap/ folder * LDAP debug: styles refactoring * LDAP debug: ldap reducer tests * LDAP debug: ldap user reducer tests * LDAP debug: fix connection error placement * Text update * LdapUser: Minor UI changes moving things around * AlertBox: Removed icon-on-top as everywhere else it is centered, want to have it be consistent
86 lines
1.3 KiB
SCSS
86 lines
1.3 KiB
SCSS
//
|
|
// Alerts
|
|
// --------------------------------------------------
|
|
|
|
// Base styles
|
|
// -------------------------
|
|
|
|
.alert {
|
|
padding: 15px 20px;
|
|
margin-bottom: $space-xs;
|
|
text-shadow: 0 2px 0 rgba(255, 255, 255, 0.5);
|
|
background: $alert-error-bg;
|
|
position: relative;
|
|
color: $white;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
|
|
border-radius: $border-radius;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
|
|
// Alternate styles
|
|
// -------------------------
|
|
|
|
.alert-success {
|
|
background: $alert-success-bg;
|
|
}
|
|
|
|
.alert-danger,
|
|
.alert-error {
|
|
background: $alert-error-bg;
|
|
}
|
|
|
|
.alert-info {
|
|
background: $alert-info-bg;
|
|
}
|
|
|
|
.alert-warning {
|
|
background: $alert-warning-bg;
|
|
}
|
|
|
|
.page-alert-list {
|
|
z-index: 8000;
|
|
min-width: 400px;
|
|
max-width: 600px;
|
|
position: fixed;
|
|
right: 10px;
|
|
top: 60px;
|
|
}
|
|
|
|
.alert-close {
|
|
padding: 0 0 0 $space-md;
|
|
border: none;
|
|
background: none;
|
|
display: flex;
|
|
align-items: center;
|
|
.fa {
|
|
align-self: flex-end;
|
|
font-size: 21px;
|
|
color: rgba(255, 255, 255, 0.75);
|
|
}
|
|
}
|
|
|
|
.alert-title {
|
|
font-weight: $font-weight-semi-bold;
|
|
}
|
|
|
|
.alert-icon {
|
|
padding: 0 $space-md 0 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 35px;
|
|
.fa {
|
|
font-size: 21px;
|
|
}
|
|
}
|
|
|
|
.alert-body {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.alert-icon-on-top {
|
|
align-items: flex-start;
|
|
}
|