fix: issue close/comment buttons on mobile (#17317)

* fix: issue close/comment buttons on mobile

* fix: lint

Co-authored-by: techknowlogick <techknowlogick@gitea.io>
Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
This commit is contained in:
kolaente 2021-10-16 04:55:06 +02:00 committed by GitHub
parent 6dd015a53e
commit 55885297f4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -702,9 +702,11 @@
margin-left: 10px; margin-left: 10px;
margin-top: 10px; margin-top: 10px;
} }
.branch-update.grid { .branch-update.grid {
.row { .row {
padding-bottom: 1rem; padding-bottom: 1rem;
.icon { .icon {
margin-top: 1.1rem; margin-top: 1.1rem;
} }
@ -801,6 +803,7 @@
.timeline-avatar { .timeline-avatar {
position: absolute; position: absolute;
left: -72px; left: -72px;
img { img {
width: 40px !important; width: 40px !important;
height: 40px !important; height: 40px !important;
@ -980,43 +983,44 @@
} }
.content { .content {
> .merge-section { @media @mediaSm {
background-color: var(--color-box-body); .form .button {
width: 100%;
margin: 0;
.item { &:not(:last-child) {
padding: .25rem 0; margin-bottom: 1rem;
}
.item-section {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
margin-top: -.25rem;
margin-bottom: -.25rem;
}
.divider {
margin-left: -1rem;
margin-right: -1rem;
}
&.no-header {
#avatar-arrow();
&::after {
border-right-color: var(--color-box-body);
} }
} }
}
}
@media @mediaSm { > .merge-section {
.form .button { background-color: var(--color-box-body);
width: 100%;
&:not(:last-child) { .item {
margin-bottom: 1rem; padding: .25rem 0;
} }
}
.item-section {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
margin-top: -.25rem;
margin-bottom: -.25rem;
}
.divider {
margin-left: -1rem;
margin-right: -1rem;
}
&.no-header {
#avatar-arrow();
&::after {
border-right-color: var(--color-box-body);
} }
} }
@ -1727,6 +1731,7 @@
padding: 0; padding: 0;
border-radius: 0; border-radius: 0;
} }
img.emoji { img.emoji {
padding: 0; padding: 0;
} }
@ -1954,6 +1959,7 @@
.wrap_remove { .wrap_remove {
height: 38px; height: 38px;
} }
.attachment_edit { .attachment_edit {
width: 450px !important; width: 450px !important;
} }
@ -2781,6 +2787,7 @@ tbody.commit-list {
tr.commit-list { tr.commit-list {
width: 100%; width: 100%;
} }
th .message-wrapper { th .message-wrapper {
display: block; display: block;
max-width: calc(100vw - 70px); max-width: calc(100vw - 70px);
@ -2791,6 +2798,7 @@ tbody.commit-list {
tr.commit-list { tr.commit-list {
width: 723px; width: 723px;
} }
th .message-wrapper { th .message-wrapper {
max-width: 280px; max-width: 280px;
} }
@ -2800,6 +2808,7 @@ tbody.commit-list {
tr.commit-list { tr.commit-list {
width: 933px; width: 933px;
} }
th .message-wrapper { th .message-wrapper {
max-width: 490px; max-width: 490px;
} }
@ -2809,6 +2818,7 @@ tbody.commit-list {
tr.commit-list { tr.commit-list {
width: 1127px; width: 1127px;
} }
th .message-wrapper { th .message-wrapper {
max-width: 680px; max-width: 680px;
} }