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:
parent
4099e4f1b6
commit
f24392391e
3 changed files with 85 additions and 32 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue