mirror of
				https://github.com/go-gitea/gitea
				synced 2025-10-31 19:38:23 +00:00 
			
		
		
		
	There was some recent discussion about this in Discord `ui-design` channel and the conclusion was that https://github.com/go-gitea/gitea/issues/24305 should have fixed their OS font installation to have semibold weights. I have now tested this 601 weight on a Windows 10 machine on Firefox myself, and I immediately noticed that bold was excessivly bold and rendering as 700 because browsers are biased towards bolder fonts. So revert this back to the previous value.
		
			
				
	
	
		
			151 lines
		
	
	
		
			2.5 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			151 lines
		
	
	
		
			2.5 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
| .user.profile .ui.card .header {
 | |
|   display: block;
 | |
|   font-weight: var(--font-weight-semibold);
 | |
|   font-size: 1.3rem;
 | |
|   margin-top: -0.2rem;
 | |
|   line-height: 1.3rem;
 | |
| }
 | |
| 
 | |
| .user.profile .ui.card .profile-avatar-name {
 | |
|   border-top: none;
 | |
|   text-align: center;
 | |
| }
 | |
| 
 | |
| .user.profile .ui.card .extra.content {
 | |
|   padding: 0;
 | |
| }
 | |
| 
 | |
| .user.profile .ui.card .extra.content > ul {
 | |
|   margin: 0;
 | |
|   padding: 0;
 | |
| }
 | |
| 
 | |
| .user.profile .ui.card .extra.content > ul > li {
 | |
|   padding: 10px;
 | |
|   list-style: none;
 | |
| }
 | |
| 
 | |
| .user.profile .ui.card .extra.content > ul > li:not(:last-child) {
 | |
|   border-bottom: 1px solid var(--color-secondary);
 | |
| }
 | |
| 
 | |
| .user.profile .ui.card .extra.content > ul > li .svg {
 | |
|   margin-left: 1px;
 | |
|   margin-right: 5px;
 | |
| }
 | |
| 
 | |
| .user.profile .ui.card .extra.content > ul > li.follow .ui.button {
 | |
|   width: 100%;
 | |
| }
 | |
| 
 | |
| .user.profile .ui.card #profile-avatar {
 | |
|   padding: 1rem 1rem 0.25rem;
 | |
|   justify-content: center;
 | |
| }
 | |
| 
 | |
| .user.profile .ui.card #profile-avatar img {
 | |
|   max-width: 100%;
 | |
|   height: auto;
 | |
| }
 | |
| 
 | |
| @media (max-width: 767px) {
 | |
|   .user.profile .ui.card #profile-avatar img {
 | |
|     width: 30vw;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @media (max-width: 767px) {
 | |
|   .user.profile .ui.card {
 | |
|     width: 100%;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .user.profile .ui.repository.list {
 | |
|   margin-top: 25px;
 | |
| }
 | |
| 
 | |
| .user.profile .ui.repository.list .repo-title .labels {
 | |
|   word-break: normal;
 | |
|   flex-shrink: 0;
 | |
| }
 | |
| 
 | |
| .user.profile #loading-heatmap {
 | |
|   margin-bottom: 1em;
 | |
| }
 | |
| 
 | |
| .user.profile .ui.secondary.stackable.pointing.menu {
 | |
|   flex-wrap: wrap;
 | |
| }
 | |
| 
 | |
| .user.followers .header.name {
 | |
|   font-size: 20px;
 | |
|   line-height: 24px;
 | |
|   vertical-align: middle;
 | |
| }
 | |
| 
 | |
| .user.followers .follow .ui.button {
 | |
|   padding: 8px 15px;
 | |
| }
 | |
| 
 | |
| .user.link-account:not(.icon) {
 | |
|   padding-top: 15px;
 | |
|   padding-bottom: 5px;
 | |
| }
 | |
| 
 | |
| .user.settings .iconFloat {
 | |
|   float: left;
 | |
| }
 | |
| 
 | |
| .user-orgs {
 | |
|   display: flex;
 | |
|   flex-flow: row wrap;
 | |
|   padding: 0;
 | |
|   margin: -3px !important;
 | |
| }
 | |
| 
 | |
| .user-orgs > li {
 | |
|   display: flex;
 | |
|   border-bottom: 0 !important;
 | |
|   padding: 3px !important;
 | |
|   width: 20%;
 | |
|   max-width: 60px;
 | |
| }
 | |
| 
 | |
| .user-badges {
 | |
|   display: grid;
 | |
|   grid-template-columns: repeat(auto-fill, 64px);
 | |
|   gap: 2px;
 | |
| }
 | |
| 
 | |
| .user-badges img {
 | |
|   object-fit: contain;
 | |
| }
 | |
| 
 | |
| #notification_div .tab.segment {
 | |
|   overflow-x: auto;
 | |
| }
 | |
| 
 | |
| #notification_div .tabular.menu .active.item {
 | |
|   background: var(--color-box-body);
 | |
| }
 | |
| 
 | |
| #notification_table {
 | |
|   border: none;
 | |
| }
 | |
| 
 | |
| #readme_profile {
 | |
|   padding: 10px;
 | |
|   border-radius: 0.28571429rem;
 | |
|   background: var(--color-card);
 | |
|   border: 1px solid var(--color-secondary);
 | |
| }
 | |
| 
 | |
| #notification_table tr {
 | |
|   cursor: default;
 | |
| }
 | |
| 
 | |
| #notification_table td a {
 | |
|   width: 100%;
 | |
|   display: inline-block;
 | |
| }
 |