ac74cf695c
Showing an arrow for an empty expander row for the event confuses the user. The user may misunderstand there is the information behind the arrow and then the user will click it but will not get any response from the panel. Therefore, to prevent confusing the user, the expander will be hidden for a event with an empty description. Fixes: https://gitlab.gnome.org/GNOME/gnome-control-center/-/issues/2031 Signed-off-by: Kate Hsuan <hpa@redhat.com>
119 lines
1.8 KiB
CSS
119 lines
1.8 KiB
CSS
.hsi-level-box {
|
|
border-radius: 9999px;
|
|
min-width: 64px;
|
|
min-height: 64px;
|
|
|
|
}
|
|
|
|
.hsi-level-box.level0 {
|
|
background-color: alpha(@error_color, .25);
|
|
}
|
|
|
|
.hsi-level-box.level1 {
|
|
background-color: alpha(@light_4, .25);
|
|
}
|
|
|
|
.hsi-level-box.level2 {
|
|
background-color: alpha(@warning_color, .25);
|
|
}
|
|
|
|
.hsi-level-box.level3 {
|
|
background-color: alpha(@success_color, .25);
|
|
}
|
|
|
|
.hsi-level-font {
|
|
font-size: 32px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.hsi-level-font.hsi0 {
|
|
color: @error_color;
|
|
}
|
|
|
|
.hsi-level-font.hsi1 {
|
|
color: @light_4;
|
|
}
|
|
|
|
.hsi-level-font.hsi2 {
|
|
color: @warning_color;
|
|
}
|
|
|
|
.hsi-level-font.hsi3 {
|
|
color: @success_color;
|
|
}
|
|
|
|
.security-level-icon {
|
|
border-radius: 9999px;
|
|
min-width: 64px;
|
|
min-height: 64px;
|
|
}
|
|
|
|
.security-level-icon.good {
|
|
color: @success_color;
|
|
background-color: alpha(@success_color, .25);
|
|
}
|
|
|
|
.security-level-icon.error {
|
|
color: @error_color;
|
|
background-color: alpha(@error_color, .25);
|
|
}
|
|
|
|
.security-level-icon.warning {
|
|
color: @warning_color;
|
|
background-color: alpha(@warning_color, .25);
|
|
}
|
|
|
|
.security-level-icon.neutral {
|
|
color: @light_4;
|
|
background-color: alpha(@light_4, .25);
|
|
}
|
|
|
|
#color_green {
|
|
color: @success_color;
|
|
}
|
|
|
|
#color_dim {
|
|
color: @light_4f;
|
|
}
|
|
|
|
row.success-icon image.icon {
|
|
color: @success_color;
|
|
}
|
|
|
|
row.warning-icon image.icon {
|
|
color: @warning_color;
|
|
}
|
|
|
|
row.error-icon image.icon {
|
|
color: @error_color;
|
|
}
|
|
|
|
row.gray-icon image {
|
|
color: @light_4;
|
|
}
|
|
|
|
row.success-hsi-icon image.hsi_icon {
|
|
color: @success_color;
|
|
}
|
|
|
|
row.error-hsi-icon image.hsi_icon {
|
|
color: @error_color;
|
|
}
|
|
|
|
row.success-title label.hsi_label {
|
|
font-weight: bold;
|
|
color: @success_color;
|
|
}
|
|
|
|
row.error-title label.hsi_label {
|
|
font-weight: bold;
|
|
color: @error_color;
|
|
}
|
|
|
|
row.security-description-row label.subtitle {
|
|
padding: 12px 0;
|
|
}
|
|
|
|
row.hide-arrow image.expander-row-arrow {
|
|
opacity: 0;
|
|
}
|