88 changes: 37 additions & 51 deletions web_src/css/repo.css
Original file line number Diff line number Diff line change
Expand Up @@ -67,45 +67,64 @@
border: 1px var(--color-yellow) solid;
}

.repository .metas .menu {
overflow-x: auto;
max-height: 500px;
.issue-content {
display: flex;
align-items: flex-start;
gap: 16px;
}

@media (max-width: 767.98px) {
.issue-content {
flex-direction: column;
}
}

.issue-content-left {
margin: 0 !important;
width: calc(100% - 316px);
}

.repository .metas .ui.list.assignees .item {
line-height: 2.5em;
.issue-content-right {
margin: 0 !important;
width: 300px;
}

@media (max-width: 767.98px) {
.issue-content-left,
.issue-content-right {
width: 100%;
}
}

.repository .metas .ui.list.assignees .teamavatar {
margin-top: 0.125rem;
margin-left: 6.75px;
margin-right: 8.75px;
.repository .issue-content-right .menu {
overflow-x: auto;
max-height: 500px;
}

.repository .metas .ui.list .dependency {
.repository .issue-content-right .ui.list .dependency {
padding: 0;
white-space: nowrap;
}

.repository .metas .ui.list .title {
.repository .issue-content-right .ui.list .title {
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
}

@media (max-width: 1200px) {
.repository .metas .ui.list .title {
.repository .issue-content-right .ui.list .title {
max-width: 150px;
}
}

@media (max-width: 1000px) {
.repository .metas .ui.list .title {
.repository .issue-content-right .ui.list .title {
max-width: 100px;
}
}

.repository .metas #deadlineForm input {
.repository .issue-content-right #deadlineForm input {
width: 12.8rem;
border-radius: 4px 0 0 4px;
border-right: 0;
Expand Down Expand Up @@ -578,11 +597,7 @@
font-size: 14px;
}

.repository.new.issue .comment.form .metas {
min-width: 220px;
}

.repository.new.issue .comment.form .metas .filter.menu {
.repository.new.issue .comment.form .issue-content-right .filter.menu {
max-height: 500px;
overflow-x: auto;
}
Expand Down Expand Up @@ -699,31 +714,6 @@
margin-top: 1.1rem;
}

.repository.view.issue .review-item {
display: flex;
justify-content: space-between;
align-items: center;
}

.review-item-left,
.review-item-right {
display: flex;
align-items: center;
}

.review-item-right {
gap: 8px;
margin-left: 4px;
}

.repository.view.issue .review-item .divider {
margin: 0.5rem 0;
}

.repository.view.issue .review-item .review-content {
padding: 1em 0 1em 3.8em;
}

.repository.view.issue .comment-list:not(.prevent-before-timeline)::before {
display: block;
content: "";
Expand Down Expand Up @@ -761,7 +751,7 @@

.repository.view.issue .comment-list .timeline-item,
.repository.view.issue .comment-list .timeline-item-group {
padding: 12px 0;
padding: 16px 0;
}

.repository.view.issue .comment-list .timeline-item-group .timeline-item {
Expand Down Expand Up @@ -1132,11 +1122,6 @@
text-decoration: line-through;
}

.repository .comment.form .ui.comments {
margin-top: -12px;
max-width: 100%;
}

.repository .comment.form .content .field:first-child {
clear: none;
}
Expand Down Expand Up @@ -1252,7 +1237,8 @@
}

.repository.compare.pull .pullrequest-form {
margin-bottom: 1.5rem;
margin-top: 16px;
margin-bottom: 16px;
}

.repository.compare.pull .markup {
Expand Down