_dialogs.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. /***********
  2. * Dialogs *
  3. ***********/
  4. messagedialog { // Message Dialog styling
  5. .titlebar:not(headerbar) {
  6. background-color: transparentize(if($variant=='light', $headerbar_color, $bg_color), 0.05);
  7. }
  8. .titlebar {
  9. min-height: 20px;
  10. background-image: none;
  11. background-color: transparentize(if($variant=='light', $headerbar_color, $bg_color), 0.05);
  12. border-style: none;
  13. border-top-left-radius: 4px;
  14. border-top-right-radius: 4px;
  15. }
  16. &.csd { // rounded bottom border styling for csd version
  17. &.background {
  18. background-color: transparentize(if($variant=='light', $headerbar_color, $bg_color), 0.05);
  19. color: if($variant=='light', $headerbar_fg_color, $fg_color);
  20. // bigger radius for better antialiasing
  21. border-bottom-left-radius: 5px;
  22. border-bottom-right-radius: 5px;
  23. }
  24. .dialog-action-area button {
  25. padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround
  26. border-radius: 0;
  27. border-left-style: solid;
  28. border-right-style: none;
  29. border-bottom-style: none;
  30. background-color: transparent;
  31. color: if($variant=='light', $headerbar_fg_color, $fg_color);
  32. box-shadow: none;
  33. &:hover {
  34. background-color: transparentize($selected_bg_color, 0.1);
  35. }
  36. &:first-child{
  37. border-left-style: none;
  38. border-bottom-left-radius: 4px;
  39. }
  40. &:last-child {
  41. border-bottom-right-radius: 4px;
  42. }
  43. }
  44. }
  45. }
  46. filechooser {
  47. .dialog-action-box {
  48. border-top: 1px solid $borders_color;
  49. &:backdrop { border-top-color: $backdrop_borders_color; }
  50. }
  51. #pathbarbox { border-bottom: 1px solid $bg_color; }
  52. }
  53. filechooserbutton:drop(active) {
  54. box-shadow: none;
  55. border-color: transparent;
  56. }