Compare commits
	
		
			No commits in common. "5c5d88a6819af74b2594b17db5169bea45f277a6" and "90b5e13544e25dd7d59373dbcb857f6416c8e24d" have entirely different histories.
		
	
	
		
			5c5d88a681
			...
			90b5e13544
		
	
		
					 7 changed files with 31 additions and 85 deletions
				
			
		
							
								
								
									
										33
									
								
								src/bd.less
									
										
									
									
									
								
							
							
						
						
									
										33
									
								
								src/bd.less
									
										
									
									
									
								
							|  | @ -3,39 +3,6 @@ | ||||||
| div[class^="bd-"] | div[class^="bd-"] | ||||||
| { &:extend(.round); } | { &:extend(.round); } | ||||||
| 
 | 
 | ||||||
| button.bd-addon-button { |  | ||||||
|   margin: 4px; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| div.floating-window { |  | ||||||
|   &:extend(.round); |  | ||||||
|   box-shadow: none; |  | ||||||
|   padding: 0 !important; |  | ||||||
|   max-width:  100% !important; |  | ||||||
|   max-height: 100% !important; |  | ||||||
|   min-width:  256px !important; |  | ||||||
|   min-height: 32px !important; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| div.floating-window-buttons .button { |  | ||||||
|   & > svg { |  | ||||||
|     padding: 2px; |  | ||||||
|     border-radius: 50%; |  | ||||||
|   } |  | ||||||
|   &:hover { |  | ||||||
|     background-color: unset; |  | ||||||
|     color: var(--background-tertiary); |  | ||||||
|   } |  | ||||||
| 
 |  | ||||||
|   &.maximize-button:hover > svg { |  | ||||||
|     background-color: #3ba55d; |  | ||||||
|   } |  | ||||||
| 
 |  | ||||||
|   &.close-button:hover > svg { |  | ||||||
|     background-color: #ed4245; |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| div.bd-search-wrapper, | div.bd-search-wrapper, | ||||||
| div.bd-changelog-button { | div.bd-changelog-button { | ||||||
|   align-self: center; |   align-self: center; | ||||||
|  |  | ||||||
|  | @ -29,18 +29,3 @@ | ||||||
|   height:  0    !important; |   height:  0    !important; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .horiz-tab(@cols: 2, @offset: 0) { |  | ||||||
|   @gap: @div-width * 2; |  | ||||||
|   @el-width: calc(unit((100% / @cols), %) - unit((@gap + @offset), px)); |  | ||||||
|   display: flex; |  | ||||||
|   flex-flow: row wrap; |  | ||||||
|   column-gap: @gap; |  | ||||||
|   row-gap: (@gap / 2); |  | ||||||
|   & > * { |  | ||||||
|     width: @el-width; |  | ||||||
|   } |  | ||||||
| 
 |  | ||||||
|   div[class^="divider"]:empty { |  | ||||||
|     display: none; |  | ||||||
|   } |  | ||||||
| } |  | ||||||
|  |  | ||||||
|  | @ -18,7 +18,16 @@ div[class^="art-"], | ||||||
| { &:extend(.hide); } | { &:extend(.hide); } | ||||||
| 
 | 
 | ||||||
| // Nicks | // Nicks | ||||||
|  | [class^="username-"] { | ||||||
|  |   li[class^="messageListItem-"] | ||||||
|  |    [class*="cozyMessage-"] &,   // inside message | ||||||
|  |   :not([class^="headerText-"]) | ||||||
|  |    > div[class*="nameTag-"] &, // outside message | ||||||
|  |   { &:extend(.hide); } | ||||||
|  | } | ||||||
|  | 
 | ||||||
| [class^="discrimBase-"], | [class^="discrimBase-"], | ||||||
|  | div[class^="discordTag-"] [class^="username-"], // friends tab | ||||||
| div[class^="nameTag-"], | div[class^="nameTag-"], | ||||||
| [class^="usernameInnerRow-"], // at settings | [class^="usernameInnerRow-"], // at settings | ||||||
| { &:extend(.hide); } | { &:extend(.hide); } | ||||||
|  |  | ||||||
|  | @ -20,19 +20,3 @@ | ||||||
|     margin-left: 0; |     margin-left: 0; | ||||||
|   } |   } | ||||||
| } | } | ||||||
| 
 |  | ||||||
| span[class^="username-"] { |  | ||||||
|   font-weight: 500; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| // friends tab |  | ||||||
| div[class^="peopleList-"] > div { |  | ||||||
|   @margin: 4px; |  | ||||||
| 
 |  | ||||||
|   & > *, & > *:hover { |  | ||||||
|     border: none; |  | ||||||
|     padding: 8px !important; |  | ||||||
|     margin: @margin !important; |  | ||||||
|   } |  | ||||||
|   .horiz-tab(2, @margin * 2); |  | ||||||
| } |  | ||||||
|  |  | ||||||
|  | @ -48,10 +48,6 @@ div[class^="accountProfileCard-"] div[class^="userInfo-"] { | ||||||
|       align-items: center; |       align-items: center; | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|     svg[class^="warningCircleIcon-"] { |  | ||||||
|       position: fixed; |  | ||||||
|     } |  | ||||||
| 
 |  | ||||||
|     div[class^="profileBadges-"] { |     div[class^="profileBadges-"] { | ||||||
|       position: static; |       position: static; | ||||||
|       justify-content: center; |       justify-content: center; | ||||||
|  | @ -72,9 +68,6 @@ div[class^="pencilContainer-"] { | ||||||
| 
 | 
 | ||||||
| // Profile card in settings | // Profile card in settings | ||||||
| div[class^="accountProfileCard-"] { | div[class^="accountProfileCard-"] { | ||||||
|   span[class^="username-"] |  | ||||||
|   { &:extend(.hide); } |  | ||||||
| 
 |  | ||||||
|   div[class^="field-"]:nth-child(1) { |   div[class^="field-"]:nth-child(1) { | ||||||
|     height: 0; |     height: 0; | ||||||
|     div[class^="constrainedRow-"] { |     div[class^="constrainedRow-"] { | ||||||
|  | @ -113,9 +106,6 @@ header div[class^="nameTagNoCustomStatus-"] { | ||||||
| div.root-8LYsGj { // I not love fixed classes, but this selects only modal page | div.root-8LYsGj { // I not love fixed classes, but this selects only modal page | ||||||
|   flex-direction: row; |   flex-direction: row; | ||||||
| 
 | 
 | ||||||
|   span[class^="username-"] |  | ||||||
|   { &:extend(.hide); } |  | ||||||
| 
 |  | ||||||
|   header { |   header { | ||||||
|     width: 260px; |     width: 260px; | ||||||
|     margin: 24px; |     margin: 24px; | ||||||
|  | @ -144,13 +134,10 @@ div.root-8LYsGj { // I not love fixed classes, but this selects only modal page | ||||||
|   } |   } | ||||||
|   div[class^="body-"] { |   div[class^="body-"] { | ||||||
|     border: none; |     border: none; | ||||||
|     margin: 0 16px; |     margin-left: 16px; | ||||||
|     width: 100%; |  | ||||||
|     height: 370px; |     height: 370px; | ||||||
|     & > * { |     & > * | ||||||
|       padding: 0; |     { padding: 0 !important; } | ||||||
|       margin: 0; |  | ||||||
|     } |  | ||||||
|   } |   } | ||||||
|   div[class^="tabBarContainer"] |   div[class^="tabBarContainer"] | ||||||
|   { border: none; } |   { border: none; } | ||||||
|  |  | ||||||
|  | @ -22,12 +22,11 @@ div[class^="standardSidebarView-"] { | ||||||
|       scrollbar-width: thin; |       scrollbar-width: thin; | ||||||
|       overflow: auto hidden !important; |       overflow: auto hidden !important; | ||||||
|       justify-content: left; |       justify-content: left; | ||||||
|       width: max-content; |  | ||||||
|       max-width: 100%; |       max-width: 100%; | ||||||
| 
 | 
 | ||||||
|       & > nav { |       & > nav { | ||||||
|         padding: 0; |         padding: 0; | ||||||
|         width: max-content; // to increase size |         width: unset; // to increase size | ||||||
|         background: var(--background-secondary); // bugfix |         background: var(--background-secondary); // bugfix | ||||||
|         & > div { |         & > div { | ||||||
|           padding-left: @rounder; |           padding-left: @rounder; | ||||||
|  | @ -62,6 +61,22 @@ div[aria-controls="analytics-tab"], | ||||||
| div[aria-controls="partner-tab"], | div[aria-controls="partner-tab"], | ||||||
| { &:extend(.hide); } | { &:extend(.hide); } | ||||||
| 
 | 
 | ||||||
|  | .horiz-tab(@cols: 2) { | ||||||
|  |   @gap: @div-width * 2; | ||||||
|  |   @el-width: calc(100% / @cols - @gap); | ||||||
|  |   display: flex; | ||||||
|  |   flex-flow: row wrap; | ||||||
|  |   column-gap: @gap; | ||||||
|  |   row-gap: (@gap / 2); | ||||||
|  |   & > * { | ||||||
|  |     width: @el-width; | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|  |   div[class^="divider"]:empty { | ||||||
|  |     display: none; | ||||||
|  |   } | ||||||
|  | } | ||||||
|  | 
 | ||||||
| #my-account-tab > div { | #my-account-tab > div { | ||||||
|   .horiz-tab(); |   .horiz-tab(); | ||||||
|   & > div:first-child { |   & > div:first-child { | ||||||
|  |  | ||||||
|  | @ -63,9 +63,8 @@ div[class^="radioBar-"] { | ||||||
| 
 | 
 | ||||||
| div[class^="card-"], | div[class^="card-"], | ||||||
| div.bd-server-card { | div.bd-server-card { | ||||||
|   .bd-server-header, |   & > div[class*="header"], | ||||||
|   & > div[class^="header-"], |   & > div[class*="Header"] { | ||||||
|   & > div[class^="cardHeader"] { |  | ||||||
|     position: absolute; |     position: absolute; | ||||||
|     top: 0; left: 0; |     top: 0; left: 0; | ||||||
|     width: 100%; height: 100%; |     width: 100%; height: 100%; | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue