demarches-normaliennes/app/assets/stylesheets/new_design/dossiers_table.scss

84 lines
1.3 KiB
SCSS
Raw Normal View History

2017-08-28 14:26:37 +02:00
@import "colors";
@import "constants";
.table.dossiers-table {
font-size: 14px;
2017-10-17 18:43:19 +02:00
th {
vertical-align: middle;
padding: (2 * $default-spacer) $default-spacer;
2017-10-17 18:43:19 +02:00
}
2017-08-28 14:26:37 +02:00
td {
padding: 0;
}
2017-09-27 15:16:07 +02:00
thead a {
color: #000000;
}
.caret-icon {
vertical-align: top;
margin-top: 9px;
margin-left: 4px;
}
2017-08-28 14:26:37 +02:00
.cell-link {
color: $black;
// In order to have identical height in the table header and the table rows,
// we compensate for the height difference between the biggest element of the header
// (the Personnaliser button, 38px) and the biggest cell-link element of the rows (the label, 28px)
padding: calc((2 * #{$default-spacer}) + ((38px - 28px) / 2)) $default-spacer;
2017-08-28 14:26:37 +02:00
display: block;
}
.icon.folder {
2017-08-30 15:31:17 +02:00
position: relative;
.notifications {
top: -3px;
right: -6px;
}
}
.notification-col {
width: 45px;
a {
font-size: 16px;
2017-08-30 15:31:17 +02:00
}
2017-08-28 14:26:37 +02:00
}
.number-col {
width: 110px;
}
.folder-col {
text-align: center;
2017-08-28 14:26:37 +02:00
}
.status-col {
2017-08-28 14:26:37 +02:00
width: 110px;
.label {
width: 110px;
text-align: center;
}
2017-08-28 14:26:37 +02:00
}
2018-03-28 15:02:37 +02:00
.updated-at-col {
width: 110px;
}
2017-08-28 14:26:37 +02:00
.follow-col {
width: 200px;
2017-10-17 18:42:35 +02:00
text-align: right;
padding-left: $default-spacer;
padding-right: $default-spacer;
2017-08-28 14:26:37 +02:00
}
}
.dossiers-table-empty {
text-align: center;
}