gtk-3.0/widgets/_dialogs.scss 1.9 K raw
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
17
  &.csd { // rounded bottom border styling for csd version
18
    &.background {
19
      background-color: transparentize(if($variant=='light', $headerbar_color, $bg_color), 0.05);
20
      color: if($variant=='light', $headerbar_fg_color, $fg_color);
21
22
      // bigger radius for better antialiasing
23
      border-bottom-left-radius: 5px;
24
      border-bottom-right-radius: 5px;
25
    }
26
27
    .dialog-action-area button {
28
      padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround
29
      border-radius: 0;
30
      border-left-style: solid;
31
      border-right-style: none;
32
      border-bottom-style: none;
33
      background-color: transparent;
34
      color: if($variant=='light', $headerbar_fg_color, $fg_color);
35
      box-shadow: none;
36
37
      &:hover {
38
        background-color: transparentize($selected_bg_color, 0.1);
39
        color: white;
40
      }
41
42
      &:first-child{
43
        border-left-style: none;
44
        border-bottom-left-radius: 4px;
45
      }
46
47
      &:last-child {
48
        border-bottom-right-radius: 4px;
49
      }
50
      &.destructive-action, &.suggested-action{
51
        color:white;
52
      }
53
    }
54
  }
55
}
56
57
filechooser {
58
  .dialog-action-box {
59
    border-top: 1px solid $borders_color;
60
61
    &:backdrop { border-top-color: $backdrop_borders_color; }
62
  }
63
64
  #pathbarbox { border-bottom: 1px solid $bg_color; }
65
}
66
67
filechooserbutton:drop(active) {
68
  box-shadow: none;
69
  border-color: transparent;
70
}