smon/static/less/problems.less

74 lines
1007 B
Plaintext
Raw Permalink Normal View History

2024-06-25 08:59:07 +02:00
@import "theme-@{THEME}.less";
2024-05-01 20:01:43 +02:00
#problems-list, #acknowledged-list {
display: grid;
grid-template-columns: repeat(6, min-content);
2024-05-01 20:01:43 +02:00
grid-gap: 4px 16px;
2024-06-25 10:50:31 +02:00
margin-top: 32px;
2024-05-01 20:01:43 +02:00
margin-bottom: 32px;
2024-06-25 10:50:31 +02:00
background-color: @bg3;
2024-06-25 18:19:15 +02:00
padding: 16px 24px;
2024-06-25 10:50:31 +02:00
width: min-content;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
2024-05-01 20:01:43 +02:00
div {
white-space: nowrap;
2024-05-28 07:23:27 +02:00
line-height: 24px;
2024-05-01 20:01:43 +02:00
}
.header {
font-weight: @bold;
2024-06-25 18:19:15 +02:00
color: @text3;
2024-05-01 20:01:43 +02:00
}
.trigger {
color: @color1;
font-weight: @bold;
}
.acknowledge {
img {
height: 16px;
}
}
2024-07-04 08:54:03 +02:00
.info {
margin-right: 8px;
}
2024-05-01 20:01:43 +02:00
}
#acknowledged-list.hidden{
display: none;
}
2024-05-28 12:56:35 +02:00
#areas {
display: flex;
flex-wrap: wrap;
2024-06-25 10:50:31 +02:00
gap: 24px;
2024-05-28 12:56:35 +02:00
margin-top: 16px;
.area {
.section {
display: grid;
2024-07-04 15:14:24 +02:00
grid-template-columns: repeat(4, min-content);
2024-05-28 12:56:35 +02:00
grid-gap: 8px 12px;
.name {
color: @text2;
2024-06-29 18:09:56 +02:00
grid-column: ~"1 / -1";
2024-05-28 12:56:35 +02:00
font-weight: bold !important;
line-height: 24px;
}
div {
white-space: nowrap;
}
}
}
}
.hidden {
display: none;
}