mirror of
				https://codeberg.org/forgejo/forgejo.git
				synced 2025-10-27 20:41:01 +00:00 
			
		
		
		
	Same as https://github.com/go-gitea/gitea/pull/26026 but for the user settings page. It introduces a new `flex-container` class and shares it across both pages. Before and After: <img width="1264" alt="Screenshot 2023-07-21 at 19 35 57" src="https://github.com/go-gitea/gitea/assets/115237/1358dab4-55c0-40ce-a4d5-673099304f3d"> <img width="1269" alt="Screenshot 2023-07-21 at 19 35 42" src="https://github.com/go-gitea/gitea/assets/115237/34812f6d-dc65-4009-b977-90e03efdc6d1">
		
			
				
	
	
		
			44 lines
		
	
	
	
		
			869 B
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			44 lines
		
	
	
	
		
			869 B
		
	
	
	
		
			CSS
		
	
	
	
	
	
| .admin.hooks .list > .item:not(:first-child) {
 | |
|   border-top: 1px solid var(--color-secondary);
 | |
|   padding: 0.25rem 1rem;
 | |
|   margin: 12px -1rem -1rem;
 | |
| }
 | |
| 
 | |
| .admin dl.admin-dl-horizontal {
 | |
|   padding: 1em;
 | |
|   margin: 0;
 | |
|   display: flex;
 | |
|   flex-wrap: wrap;
 | |
| }
 | |
| 
 | |
| .admin dl.admin-dl-horizontal dt,
 | |
| .admin dl.admin-dl-horizontal dd {
 | |
|   line-height: 1;
 | |
|   padding: 5px 0;
 | |
| }
 | |
| 
 | |
| .admin dl.admin-dl-horizontal dt {
 | |
|   width: 300px;
 | |
|   max-width: calc(100% - 100px - 1em);
 | |
|   font-weight: var(--font-weight-semibold);
 | |
| }
 | |
| 
 | |
| .admin dl.admin-dl-horizontal dd {
 | |
|   margin-left: auto;
 | |
|   width: calc(100% - 300px - 1em);
 | |
|   min-width: 100px;
 | |
| }
 | |
| 
 | |
| .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 */
 | |
| }
 | |
| 
 | |
| .admin .table th {
 | |
|   white-space: nowrap;
 | |
| }
 |