mirror of
				https://codeberg.org/forgejo/forgejo.git
				synced 2025-10-30 22:11:07 +00:00 
			
		
		
		
	- Various corrections to button styles, especially secondary - Remove focus highlight, it's annoying when it stays on button after press - Clearly define ghost and link buttons with demos in devtest - Remove black, grey and tertiary buttons, they should not be used - Make `arc-green` slightly darker <img width="1226" alt="image" src="https://github.com/go-gitea/gitea/assets/115237/8d89786a-01ab-40f8-ae5a-e17f40e35084"> <img width="1249" alt="image" src="https://github.com/go-gitea/gitea/assets/115237/83651e6d-3c27-46ff-b8bd-ff344d70e949"> --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> Co-authored-by: Giteabot <teabot@gitea.io>
		
			
				
	
	
		
			46 lines
		
	
	
	
		
			1,019 B
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			46 lines
		
	
	
	
		
			1,019 B
		
	
	
	
		
			CSS
		
	
	
	
	
	
| .list-header {
 | |
|   display: flex;
 | |
|   align-items: center;
 | |
|   flex-wrap: wrap;
 | |
|   gap: .5rem;
 | |
| }
 | |
| 
 | |
| .list-header-sort {
 | |
|   display: flex;
 | |
|   align-items: center;
 | |
|   justify-content: flex-end;
 | |
|   padding-left: 1rem;
 | |
|   padding-right: 1rem;
 | |
| }
 | |
| 
 | |
| .list-header-search {
 | |
|   display: flex;
 | |
|   flex: 1;
 | |
|   align-items: center;
 | |
|   flex-wrap: wrap;
 | |
|   justify-content: center;
 | |
|   min-width: 200px; /* to enable flexbox wrapping on mobile */
 | |
| }
 | |
| 
 | |
| .list-header-search .input {
 | |
|   flex: 1;
 | |
| }
 | |
| 
 | |
| .small-menu-items {
 | |
|   min-height: 35.4px !important; /* match .small.button in height */
 | |
|   background: none !important; /* fomantic sets a color here which does not play well with active transparent color on the item, so unset and set the colors on the item */
 | |
| }
 | |
| 
 | |
| .small-menu-items .item {
 | |
|   background: var(--color-menu) !important;
 | |
|   padding-top: 6px !important;
 | |
|   padding-bottom: 6px !important;
 | |
| }
 | |
| 
 | |
| .small-menu-items .item:hover {
 | |
|   background: var(--color-hover) !important;
 | |
| }
 | |
| 
 | |
| .small-menu-items .item.active {
 | |
|   background: var(--color-active) !important;
 | |
| }
 |