mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-10-29 10:57:44 +09:00 
			
		
		
		
	- 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="https://github.com/go-gitea/gitea/assets/115237/ca84b239-b10f-41db-8c06-dcf2b6dd9d28"> <img width="739" alt="Screenshot 2023-06-08 at 08 41 23" src="https://github.com/go-gitea/gitea/assets/115237/09133c54-eb7e-4110-858c-ead23c3b7521"> --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> Co-authored-by: Giteabot <teabot@gitea.io>
		
			
				
	
	
		
			58 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			58 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
| .admin.hooks .list > .item:not(:first-child) {
 | |
|   border-top: 1px solid var(--color-secondary);
 | |
|   padding: 0.25rem 1rem;
 | |
|   margin: 12px -1rem -1rem;
 | |
| }
 | |
| 
 | |
| .admin.user table.table .email {
 | |
|   max-width: 200px;
 | |
| }
 | |
| 
 | |
| .admin dl.admin-dl-horizontal {
 | |
|   padding: 1em;
 | |
|   margin: 0;
 | |
|   display: flex;
 | |
|   flex-wrap: wrap;
 | |
| }
 | |
| 
 | |
| .admin dl.admin-dl-horizontal dd {
 | |
|   margin-left: auto;
 | |
|   width: calc(100% - 245px);
 | |
| }
 | |
| 
 | |
| @media (max-width: 767.98px) {
 | |
|   .admin dl.admin-dl-horizontal dd {
 | |
|     width: calc(100% - 185px);
 | |
|   }
 | |
| }
 | |
| 
 | |
| /* divider needs explicit width to become visible here */
 | |
| .admin dl.admin-dl-horizontal .ui.divider {
 | |
|   width: 100%;
 | |
| }
 | |
| 
 | |
| .admin dl.admin-dl-horizontal dt {
 | |
|   font-weight: var(--font-weight-semibold);
 | |
|   width: 220px;
 | |
|   margin-right: 5px;
 | |
|   overflow: hidden;
 | |
|   text-overflow: ellipsis;
 | |
|   white-space: nowrap;
 | |
| }
 | |
| 
 | |
| @media (max-width: 767.98px) {
 | |
|   .admin dl.admin-dl-horizontal dt {
 | |
|     width: 160px;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .admin code,
 | |
| .admin pre {
 | |
|   white-space: pre-wrap;
 | |
|   word-wrap: break-word;
 | |
| }
 | |
| 
 | |
| .admin .ui.table.segment {
 | |
|   overflow-x: auto; /* if the screen width is small, many wide tables (eg: user list) need scroll bars */
 | |
| }
 |