web/forgejo
10
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

fix(ui): put buttons in a single row on mobile

Browse source
This commit is contained in:
0ko 2024-11-21 22:46:06 +05:00
parent 8f0de303f3
commit 787e3163f8
5 changed files with 17 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

14
web_src/css/base.css
View file

@ -250,6 +250,20 @@ h1.error-code {
gap: 0.5rem;
}
.button-sequence {
display: flex;
flex-flow: wrap;
gap: 0.5em;
}
.button-sequence.right {
justify-content: end;
}
.button-sequence .ui.button {
margin: 0 !important;
}
.button-row .ui.button {
margin-right: 0;
}

10
web_src/css/repo.css
View file

@ -925,16 +925,6 @@ td .commit-summary {
border-radius: var(--border-radius);
}
@media (max-width: 767.98px) {
.repository.view.issue .comment-list .comment .content .form .button {
width: 100%;
margin: 0;
}
.repository.view.issue .comment-list .comment .content .form .button:not(:last-child) {
margin-bottom: 1rem;
}
}
.repository.view.issue .comment-list .comment .merge-section {
background-color: var(--color-box-body);
}

21
web_src/css/review.css
View file

@ -76,19 +76,6 @@
max-width: none;
padding: 0.75rem !important;
}
.comment-code-cloud .code-comment-buttons {
margin: 0.5rem 0 0.25rem !important;
}
.comment-code-cloud .code-comment-buttons .code-comment-buttons-buttons {
width: 100%;
}
.comment-code-cloud .ui.buttons {
width: 100%;
margin: 0 !important;
}
.comment-code-cloud .ui.buttons .button {
flex: 1;
}
}
.comment-code-cloud .comments .comment {
@ -183,14 +170,6 @@
display: block;
}
@media (max-width: 767.98px) {
.comment-code-cloud .button {
width: 100%;
margin: 0 !important;
margin-bottom: 0.75rem !important;
}
}
.diff-file-body .comment-form {
margin: 0 0 0 3em;
}