mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-10 10:03:21 -04:00
ee8436ca85
Knowing what kind of upload a thing is is useful. And the information that is useful to show about each upload depends on what kind of upload it is.
97 lines
1.6 KiB
SCSS
97 lines
1.6 KiB
SCSS
.dashboard {
|
|
|
|
th {
|
|
font-weight: normal;
|
|
}
|
|
|
|
> .heading-medium:first-of-type {
|
|
margin-top: $gutter-half;
|
|
}
|
|
|
|
}
|
|
|
|
.keyline-block {
|
|
border-top: 1px solid $border-colour;
|
|
padding-top: $gutter-half;
|
|
}
|
|
|
|
.spark-bar {
|
|
|
|
@include core-16;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
width: 100%;
|
|
margin-bottom: $gutter-half;
|
|
height: $gutter-half;
|
|
color: $text-colour;
|
|
text-align: left;
|
|
|
|
&-bar {
|
|
@include bold-27;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
overflow: visible;
|
|
background: $panel-colour;
|
|
color: $black;
|
|
padding: 10px 6px 8px 0;
|
|
text-indent: 12px;
|
|
text-align: right;
|
|
margin: 2px 0 1px 0;
|
|
transition: width 0.6s ease-in-out;
|
|
}
|
|
|
|
}
|
|
|
|
.file-list {
|
|
|
|
&-filename {
|
|
@include bold-19;
|
|
display: block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
padding-bottom: 30px;
|
|
padding-top: 10px;
|
|
margin-bottom: -30px;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
&-filename-large {
|
|
@include bold-24;
|
|
display: block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
padding-bottom: 30px;
|
|
padding-top: 10px;
|
|
margin-bottom: -30px;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
&-filename-unlinked {
|
|
@include core-19;
|
|
}
|
|
|
|
&-hint {
|
|
@include core-16;
|
|
display: block;
|
|
color: $secondary-text-colour;
|
|
pointer-events: none;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
max-width: 580px;
|
|
}
|
|
|
|
}
|
|
|
|
.failure-highlight {
|
|
@include bold-19;
|
|
color: $error-colour;
|
|
}
|
|
|
|
.align-with-message-body {
|
|
display: block;
|
|
margin-top: $gutter * 5 / 6;
|
|
}
|