2019-08-31 20:51:14 -07:00
|
|
|
.institutional-memory-links {
|
|
|
|
$author-column-width: 124px;
|
|
|
|
$date-column-width: 148px;
|
2020-08-26 15:44:50 -07:00
|
|
|
$url-column-width: 450px;
|
2019-08-31 20:51:14 -07:00
|
|
|
$action-column-width: 96px;
|
|
|
|
|
2020-08-26 15:44:50 -07:00
|
|
|
$base-font-size: fs(standard);
|
|
|
|
$title-font-size: 20px;
|
2019-08-31 20:51:14 -07:00
|
|
|
|
2020-08-26 15:44:50 -07:00
|
|
|
$border-color: #e0e0e0;
|
2019-08-31 20:51:14 -07:00
|
|
|
|
2020-08-26 15:44:50 -07:00
|
|
|
font-size: $base-font-size;
|
|
|
|
border: 1px solid $border-color;
|
|
|
|
|
|
|
|
&__global + div {
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__title {
|
2020-09-29 16:04:25 -07:00
|
|
|
font-weight: fw(normal, 6);
|
2020-08-26 15:44:50 -07:00
|
|
|
font-size: $title-font-size;
|
|
|
|
line-height: 28px;
|
|
|
|
}
|
|
|
|
&__container {
|
|
|
|
& {
|
2019-08-31 20:51:14 -07:00
|
|
|
border: none;
|
|
|
|
}
|
2020-08-26 15:44:50 -07:00
|
|
|
thead {
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
th.nacho-table__title,
|
|
|
|
td.nacho-table__cell {
|
|
|
|
background-color: white;
|
|
|
|
padding: item-spacing(2 5);
|
|
|
|
border-bottom: 1px solid $border-color;
|
|
|
|
font-size: $base-font-size;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&__footer {
|
|
|
|
@include nacho-table-footer();
|
2019-08-31 20:51:14 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
&__author {
|
|
|
|
width: $author-column-width;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__date {
|
|
|
|
width: $date-column-width;
|
|
|
|
}
|
|
|
|
|
2020-08-26 15:44:50 -07:00
|
|
|
&__link {
|
|
|
|
width: $url-column-width;
|
|
|
|
}
|
|
|
|
|
2019-08-31 20:51:14 -07:00
|
|
|
&__actions {
|
|
|
|
width: $action-column-width;
|
2020-08-26 15:44:50 -07:00
|
|
|
text-align: right;
|
2019-08-31 20:51:14 -07:00
|
|
|
&-button {
|
|
|
|
background: transparent;
|
|
|
|
border: none;
|
|
|
|
cursor: pointer;
|
|
|
|
color: get-color(slate7);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&-modal {
|
|
|
|
$input-width: 540px;
|
|
|
|
|
|
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 12px 18px 1px rgba(0, 0, 0, 0.2);
|
|
|
|
position: relative;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
border-radius: 2px;
|
|
|
|
overflow: auto;
|
2020-08-26 15:44:50 -07:00
|
|
|
background-color: get-color(white);
|
2019-08-31 20:51:14 -07:00
|
|
|
max-height: calc(100vh - 64px);
|
|
|
|
min-height: 48px;
|
|
|
|
width: 732px;
|
|
|
|
|
|
|
|
&__header {
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__title {
|
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__close-button {
|
|
|
|
border: none;
|
|
|
|
background: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__form {
|
|
|
|
width: $input-width;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__url {
|
|
|
|
width: $input-width;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__description {
|
|
|
|
width: $input-width;
|
|
|
|
height: 172px;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__description-limit {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|