Files
everything/EveryThing/wwwroot/vendor/css/pages/projects.scss
David Štaleker db0cc8d3de prvi
2025-07-18 05:33:16 +02:00

84 lines
1.4 KiB
SCSS

@import '../_custom-variables/pages';
$project-attachment-width: 18rem !default;
$project-attachment-size: 4rem !default;
$project-task-item-padding: .625rem 0 !default;
// Attachments
.project-attachment {
display: flex;
align-items: center;
width: 100%;
> .media-body {
min-width: 0;
}
}
.project-attachment-file,
.project-attachment-img {
display: block;
flex-grow: 0;
flex-shrink: 0;
width: $project-attachment-size;
height: $project-attachment-size;
}
.project-attachment-file {
display: inline-block;
text-align: center;
line-height: $project-attachment-size;
}
.project-attachment-img {
background-color: transparent;
background-position: center center;
background-size: cover;
}
.project-attachment-filename {
display: block;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
}
// Tasks
.project-task-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: $project-task-item-padding;
.ui-todo-item {
margin: 0;
}
}
.default-style {
@import "../_appwork/include";
.project-task-item {
background: $card-bg;
+ .project-task-item {
border-top: 1px solid $gray-100;
}
}
}
.material-style {
@import "../_appwork/include-material";
.project-task-item {
background: $card-bg;
+ .project-task-item {
border-top: 1px solid $gray-100;
}
}
}