domi/forgejo-domi
1
0
Fork 0
forked from forgejo/forgejo
Code Pull requests Activity

Fix mobile navbar and misc cleanups (#25134) (#25169)

Browse source 
Backport #25134 by @silverwind

- Fix and improve mobile navbar layout
- Apply all cleanups suggested in
https://github.com/go-gitea/gitea/pull/25111
- Make media query breakpoints match Fomantic's exactly
- Clean up whitespace in class on navbar items

Mobile navbar before and after:
<img width="745" alt="Screenshot 2023-06-08 at 08 40 56"
src="ca84b239-b10f-41db-8c06-dcf2b6dd9d28">
<img width="739" alt="Screenshot 2023-06-08 at 08 41 23"
src="09133c54-eb7e-4110-858c-ead23c3b7521">
This commit is contained in:
Giteabot 2023-06-10 21:50:39 -04:00 • committed by GitHub
parent de1d14590d
commit 18093d4c9a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
23 changed files with 223 additions and 265 deletions
Download patch file Download diff file Expand all files Collapse all files

14
web_src/css/form.css
View file

@ -197,7 +197,7 @@ textarea:focus,
}
}
@media (max-width: 767px) {
@media (max-width: 767.98px) {
#create-page-form form .optional .title {
margin-left: 15px;
}
@ -315,7 +315,7 @@ textarea:focus,
}
}
@media (max-width: 767px) {
@media (max-width: 767.98px) {
.user.activate form .optional .title,
.user.forgot.password form .optional .title,
.user.reset.password form .optional .title,
@ -353,7 +353,7 @@ textarea:focus,
width: 200px;
}
@media (max-width: 767px) {
@media (max-width: 767.98px) {
.user.activate form .inline.field > label,
.user.forgot.password form .inline.field > label,
.user.reset.password form .inline.field > label,
@ -449,7 +449,7 @@ textarea:focus,
}
}
@media (max-width: 767px) {
@media (max-width: 767.98px) {
.repository.new.repo form .optional .title,
.repository.new.migrate form .optional .title,
.repository.new.fork form .optional .title {
@ -483,7 +483,7 @@ textarea:focus,
width: 50% !important;
}
@media (max-width: 767px) {
@media (max-width: 767.98px) {
.repository.new.repo form label,
.repository.new.migrate form label,
.repository.new.fork form label,
@ -516,7 +516,7 @@ textarea:focus,
width: 50% !important;
}
@media (max-width: 767px) {
@media (max-width: 767.98px) {
.repository.new.repo .ui.form .selection.dropdown:not(.owner) {
width: 100% !important;
}
@ -534,7 +534,7 @@ textarea:focus,
font-family: var(--fonts-monospace);
}
@media (max-width: 767px) {
@media (max-width: 767.98px) {
.new.org .ui.form .field button,
.new.org .ui.form .field a {
margin-bottom: 1em;