1. add border-radius and spacing to bars 2. use tailwind background classes 3. Add more space around activity list headers <img width="983" alt="Screenshot 2024-03-27 at 23 40 54" src="https://github.com/go-gitea/gitea/assets/115237/70f72c30-e69f-4ecb-882f-32b8bc94d638"> <img width="1020" alt="Screenshot 2024-03-27 at 23 41 02" src="https://github.com/go-gitea/gitea/assets/115237/a35dbbda-515c-40b0-938a-d759f9686b8e">
		
			
				
	
	
		
			73 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			73 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
| .dashboard.feeds .context.user.menu,
 | |
| .dashboard.issues .context.user.menu {
 | |
|   z-index: 101;
 | |
|   min-width: 200px;
 | |
| }
 | |
| 
 | |
| .dashboard.feeds .context.user.menu .ui.header,
 | |
| .dashboard.issues .context.user.menu .ui.header {
 | |
|   font-size: 1rem;
 | |
| }
 | |
| 
 | |
| .dashboard.feeds .filter.menu,
 | |
| .dashboard.issues .filter.menu {
 | |
|   width: initial;
 | |
| }
 | |
| 
 | |
| .dashboard.feeds .filter.menu .item,
 | |
| .dashboard.issues .filter.menu .item {
 | |
|   text-align: left;
 | |
|   display: flex;
 | |
|   align-items: center;
 | |
|   justify-content: space-between;
 | |
| }
 | |
| 
 | |
| .dashboard.feeds .filter.menu .item .text.truncate,
 | |
| .dashboard.issues .filter.menu .item .text.truncate {
 | |
|   width: 75%;
 | |
| }
 | |
| 
 | |
| /* Sort */
 | |
| .dashboard.feeds .filter.menu .jump.item,
 | |
| .dashboard.issues .filter.menu .jump.item {
 | |
|   margin: 1px;
 | |
|   padding-right: 0;
 | |
| }
 | |
| 
 | |
| .dashboard.feeds .filter.menu .menu,
 | |
| .dashboard.issues .filter.menu .menu {
 | |
|   max-height: 300px;
 | |
|   overflow-x: auto;
 | |
|   right: 0 !important;
 | |
|   left: auto !important;
 | |
| }
 | |
| 
 | |
| @media (max-width: 767.98px) {
 | |
|   .dashboard.feeds .filter.menu,
 | |
|   .dashboard.issues .filter.menu {
 | |
|     width: 100%;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .dashboard.feeds .right.stackable.menu > .item.active,
 | |
| .dashboard.issues .right.stackable.menu > .item.active {
 | |
|   color: var(--color-red);
 | |
| }
 | |
| 
 | |
| .dashboard .dashboard-repos,
 | |
| .dashboard .dashboard-orgs {
 | |
|   margin: 0 1px; /* Accommodate for Semantic's 1px hacks on .attached elements */
 | |
| }
 | |
| 
 | |
| .dashboard .secondary-nav {
 | |
|   padding: 1px 12px; /* match .overflow-menu-items in height */
 | |
| }
 | |
| 
 | |
| .dashboard .secondary-nav .org-visibility .label {
 | |
|   margin-left: 5px;
 | |
| }
 | |
| 
 | |
| .dashboard .secondary-nav .ui.dropdown {
 | |
|   max-width: 100%;
 | |
| }
 |