opensource/gitea
1
0
Fork 0
mirror of https://gitcode.com/gitea/gitea.git synced 2025-05-28 21:41:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix PR/Issue titles on mobile (#13292)

Browse Source 
* Start fixing Issue & PR title on mobile

Signed-off-by: kolaente <k@knt.li>

* Make sure the save & cancel buttons float right

Signed-off-by: kolaente <k@knt.li>

* Fix edit buttons and title input on mobile

Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
This commit is contained in:
kolaente
2020-10-24 18:48:08 +02:00
committed by GitHub
parent 4099e4f1b6
commit f24392391e
3 changed files with 85 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web_src/js/index.js
View File

@ -792,6 +792,7 @@ async function initRepository() {
$('#pull-desc').toggle();
$('#pull-desc-edit').toggle();
$('.in-edit').toggle();
$('#issue-title-wrapper').toggleClass('edit-active');
$editInput.focus();
return false;
};

96
web_src/less/_repository.less
View File

@ -632,36 +632,86 @@
.title {
padding-bottom: 0 !important;
h1 {
font-weight: 300;
font-size: 2.3rem;
margin-bottom: 5px;
.issue-title {
margin-bottom: .5rem;
.ui.input {
font-size: .5em;
vertical-align: top;
width: 50%;
min-width: 600px;
&.edit-active {
display: flex;
align-items: center;
input {
font-size: 1.5em;
padding: 6px 10px;
h1 {
display: flex;
width: 100%;
}
@media only screen and (max-width: 768px) {
flex-direction: column;
h1 {
margin-right: 0;
margin-bottom: 1rem;
padding-right: 0;
.ui.input input {
width: calc(100% - 2rem);
}
}
.edit-buttons {
padding-bottom: 1rem;
width: 100%;
.button {
width: 100%;
margin-right: .5rem;
&:last-child {
margin-right: 0;
}
}
}
}
}
}
.index {
font-weight: 300;
color: #aaaaaa;
letter-spacing: -1px;
}
h1 {
font-weight: 300;
font-size: 2.3rem;
margin: 0;
padding-right: .5rem;
.label {
margin-right: 10px;
}
.ui.input {
font-size: .5em;
width: 100%;
.edit-zone {
margin-top: 10px;
input {
font-size: 1.5em;
padding: 6px 1rem;
}
}
}
.edit-button {
float: right;
padding-left: 1rem;
}
.edit-buttons {
display: flex;
}
.index {
font-weight: 300;
color: #aaaaaa;
letter-spacing: -1px;
}
.label {
margin-right: 10px;
}
.edit-zone {
margin-top: 10px;
}
}
}