_admin.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. .admin-page {
  2. .admin-user-menu {
  3. .dropdown-menu {
  4. left: auto;
  5. right: 0;
  6. width: 300px;
  7. }
  8. }
  9. .admin-customize {
  10. .ss-container img {
  11. padding: .5em;
  12. background-color: #ddd;
  13. }
  14. .table-user-list {
  15. .label-admin {
  16. margin-left: 1em;
  17. }
  18. }
  19. // override CodeMirror styles
  20. .CodeMirror pre {
  21. font-family: $font-family-monospace;
  22. }
  23. }
  24. .admin-security {
  25. .passport-logo {
  26. padding: 4px;
  27. height: 32px;
  28. background-color: black;
  29. }
  30. .auth-mechanism-configurations {
  31. min-height: 800px;
  32. }
  33. }
  34. // Toggle Twitter Bootstrap button class when active
  35. // https://jsfiddle.net/ms040m01/3/
  36. @mixin active-color($color, $bg-color, $border-color) {
  37. color: $color;
  38. background-color: darken($bg-color, 10%);
  39. border-color: $border-color;
  40. &:hover {
  41. background-color: darken($bg-color, 15%);
  42. }
  43. }
  44. .btn-group.btn-toggle {
  45. .btn {
  46. min-width: 60px;
  47. }
  48. .btn.active[data-active-class="default"] {
  49. @include active-color($btn-default-color, $btn-default-bg, $btn-default-border);
  50. }
  51. .btn.active[data-active-class="primary"] {
  52. @include active-color($btn-primary-color, $btn-primary-bg, $btn-primary-border);
  53. }
  54. }
  55. }