1
0
Fork 0
forked from forgejo/forgejo

Fix PR/Issue titles on mobile (#13292)

* 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
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 85 additions and 32 deletions

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;
}
}
}