mirror of
				https://github.com/go-gitea/gitea
				synced 2025-10-31 03:18:24 +00:00 
			
		
		
		
	Fix footer display (#24251)
Fix #24249 Diff with ignoring spaces: https://github.com/go-gitea/gitea/pull/24251/files?diff=split&w=1 Screenshots: <details> <img width="1440" alt="image" src="https://user-images.githubusercontent.com/2114189/233592840-d9ef7296-64eb-4e48-a598-300807a7c2f9.png"> <img width="923" alt="image" src="https://user-images.githubusercontent.com/2114189/233593015-16edc531-43c2-4ff0-b27e-ca75dbadce0c.png"> </details> --------- Co-authored-by: silverwind <me@silverwind.io> Co-authored-by: Giteabot <teabot@gitea.io>
This commit is contained in:
		| @@ -1805,46 +1805,6 @@ img.ui.avatar, | ||||
|   color: var(--color-warning-text); | ||||
| } | ||||
|  | ||||
| footer { | ||||
|   background-color: var(--color-footer); | ||||
|   border-top: 1px solid var(--color-secondary); | ||||
|   width: 100%; | ||||
|   flex-basis: 40px; | ||||
|   color: var(--color-text-light); | ||||
| } | ||||
|  | ||||
| footer .container { | ||||
|   padding: 0 0.5rem; | ||||
|   max-width: 100%; | ||||
| } | ||||
|  | ||||
| footer .container .links > * { | ||||
|   border-left: 1px solid var(--color-secondary-dark-1); | ||||
|   padding-left: 8px; | ||||
|   margin-left: 5px; | ||||
| } | ||||
|  | ||||
| footer .container .links > *:first-child { | ||||
|   border-left: 0; | ||||
| } | ||||
|  | ||||
| footer .ui.language .menu { | ||||
|   height: 500px; | ||||
|   max-height: calc(100vh - 60px); | ||||
|   overflow-y: auto; | ||||
|   margin-bottom: 7px; | ||||
| } | ||||
|  | ||||
| footer .ui.language .svg { | ||||
|   margin-right: 0.15em; | ||||
|   margin-top: 1px; | ||||
| } | ||||
|  | ||||
| footer .ui.left, | ||||
| footer .ui.right { | ||||
|   line-height: 39px; /* there  is a border-top on the footer, so make the line-height 1px less */ | ||||
| } | ||||
|  | ||||
| .center:not(.popup) { | ||||
|   text-align: center; | ||||
| } | ||||
|   | ||||
| @@ -43,9 +43,37 @@ | ||||
|   color: var(--color-green); | ||||
| } | ||||
|  | ||||
| footer { | ||||
|   background-color: var(--color-footer); | ||||
|   border-top: 1px solid var(--color-secondary); | ||||
|   line-height: 39px; | ||||
|   flex-basis: 40px; | ||||
|   color: var(--color-text-light); | ||||
|   padding: 0 20px; | ||||
| } | ||||
|  | ||||
| footer .right.links { | ||||
|   min-width: 180px; /* make sure the menu dropdown doesn't overflow horizontally when language name is short */ | ||||
| } | ||||
|  | ||||
| footer .right.links > a { | ||||
|   border-left: 1px solid var(--color-secondary-dark-1); | ||||
|   padding-left: 8px; | ||||
|   margin-left: 5px; | ||||
| } | ||||
|  | ||||
| footer .ui.dropdown.language .menu { | ||||
|   height: 500px; | ||||
|   max-height: calc(100vh - 60px); | ||||
|   overflow-y: auto; | ||||
|   margin-bottom: 10px; | ||||
| } | ||||
|  | ||||
|  | ||||
| @media (max-width: 880px) { | ||||
|   footer .ui.container .left, | ||||
|   footer .ui.container .right { | ||||
|   footer .ui.left, | ||||
|   footer .ui.right { | ||||
|     width: 100%; | ||||
|     display: block; | ||||
|     text-align: center; | ||||
|     float: none; | ||||
|   | ||||
		Reference in New Issue
	
	Block a user