luckyimnotanigger/forgejo
1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2025-06-01 04:12:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Responsive design fixes (#4508)

Browse source 
* reset to master

* build css

* Fixed spacing
This commit is contained in:
kolaente 2018-07-26 17:25:41 +02:00 • committed by Lauris BH
parent f847884d16
commit 8d1ad55598
7 changed files with 113 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

43
public/less/_form.less
View file

@ -102,7 +102,7 @@
.user.reset.password,
.user.signin,
.user.signup {
@input-padding: 200px!important;
@input-padding: 200px;
#create-page-form;
form {
width: 700px!important;
@ -113,6 +113,12 @@
.inline.field > label {
width: @input-padding;
}
.inline.field > label, input {
@media only screen and (max-width: 768px) {
width: 100% !important;
}
}
}
}
@ -137,19 +143,35 @@
padding-left: 0 !important;
text-align: center;
}
@media only screen and (max-width: 768px) {
label, input, .selection.dropdown {
width: 100% !important;
}
.field button, .field a {
margin-bottom: 1em;
width: 100%;
}
}
}
}
&.new.repo {
.ui.form {
.selection.dropdown:not(.owner) {
width: 50%!important;
}
@media only screen and (min-width: 768px) {
#auto-init {
margin-left: @create-page-form-input-padding+15px;
}
}
.selection.dropdown:not(.owner) {
width: 50%!important;
@media only screen and (max-width: 768px) {
width: 100% !important;
}
}
}
}
}
@ -175,3 +197,16 @@
font-family: monospace;
}
}
.new.org .ui.form {
@media only screen and (max-width: 768px) {
.field button, .field a{
margin-bottom: 1em;
width: 100%;
}
.field input {
width: 100% !important;
}
}
}