drone/web/src/pages/ExecutionList/ExecutionList.module.scss

87 lines
1.6 KiB
SCSS

.main {
min-height: var(--page-height);
background-color: var(--primary-bg) !important;
.layout {
align-items: center;
}
}
.table {
[class*='TableV2--header'] [class*='variation-table-headers'] {
text-transform: none;
color: var(--grey-400);
font-weight: 500;
font-size: 13px;
}
.row {
height: 80px;
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
overflow: hidden;
&.noDesc > div {
height: 44px;
}
}
}
.withError {
display: grid;
}
.nameContainer {
position: relative;
.name {
flex-grow: 1;
align-items: baseline !important;
width: calc(100% - 100px) !important;
> span {
width: 100%;
> span {
width: 100%;
}
}
& + span:last-of-type {
align-self: center;
}
}
.pinned {
transform: rotate(-90deg);
position: absolute;
top: 7px;
left: -43px;
font-size: var(--font-size-xsmall) !important;
padding: 6px 14px;
}
.repoName {
font-weight: 600 !important;
font-size: 16px !important;
line-height: 24px !important;
color: var(--grey-800);
.repoScope {
color: var(--grey-400);
padding: 2px 6px;
font-size: var(--font-size-xsmall) !important;
border-radius: 4px;
border: 1px solid var(--grey-200);
display: inline-block;
margin-left: var(--spacing-medium);
text-transform: uppercase;
line-height: 16px;
}
}
.desc {
color: var(--grey-500);
font-size: var(--font-size-small);
padding-top: var(--spacing-xsmall) !important;
}
}