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-"] | ||||
| { &: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-changelog-button { | ||||
|   align-self: center; | ||||
|  |  | |||
|  | @ -29,18 +29,3 @@ | |||
|   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); } | ||||
| 
 | ||||
| // Nicks | ||||
| [class^="username-"] { | ||||
|   li[class^="messageListItem-"] | ||||
|    [class*="cozyMessage-"] &,   // inside message | ||||
|   :not([class^="headerText-"]) | ||||
|    > div[class*="nameTag-"] &, // outside message | ||||
|   { &:extend(.hide); } | ||||
| } | ||||
| 
 | ||||
| [class^="discrimBase-"], | ||||
| div[class^="discordTag-"] [class^="username-"], // friends tab | ||||
| div[class^="nameTag-"], | ||||
| [class^="usernameInnerRow-"], // at settings | ||||
| { &:extend(.hide); } | ||||
|  |  | |||
|  | @ -20,19 +20,3 @@ | |||
|     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; | ||||
|     } | ||||
| 
 | ||||
|     svg[class^="warningCircleIcon-"] { | ||||
|       position: fixed; | ||||
|     } | ||||
| 
 | ||||
|     div[class^="profileBadges-"] { | ||||
|       position: static; | ||||
|       justify-content: center; | ||||
|  | @ -72,9 +68,6 @@ div[class^="pencilContainer-"] { | |||
| 
 | ||||
| // Profile card in settings | ||||
| div[class^="accountProfileCard-"] { | ||||
|   span[class^="username-"] | ||||
|   { &:extend(.hide); } | ||||
| 
 | ||||
|   div[class^="field-"]:nth-child(1) { | ||||
|     height: 0; | ||||
|     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 | ||||
|   flex-direction: row; | ||||
| 
 | ||||
|   span[class^="username-"] | ||||
|   { &:extend(.hide); } | ||||
| 
 | ||||
|   header { | ||||
|     width: 260px; | ||||
|     margin: 24px; | ||||
|  | @ -144,13 +134,10 @@ div.root-8LYsGj { // I not love fixed classes, but this selects only modal page | |||
|   } | ||||
|   div[class^="body-"] { | ||||
|     border: none; | ||||
|     margin: 0 16px; | ||||
|     width: 100%; | ||||
|     margin-left: 16px; | ||||
|     height: 370px; | ||||
|     & > * { | ||||
|       padding: 0; | ||||
|       margin: 0; | ||||
|     } | ||||
|     & > * | ||||
|     { padding: 0 !important; } | ||||
|   } | ||||
|   div[class^="tabBarContainer"] | ||||
|   { border: none; } | ||||
|  |  | |||
|  | @ -22,12 +22,11 @@ div[class^="standardSidebarView-"] { | |||
|       scrollbar-width: thin; | ||||
|       overflow: auto hidden !important; | ||||
|       justify-content: left; | ||||
|       width: max-content; | ||||
|       max-width: 100%; | ||||
| 
 | ||||
|       & > nav { | ||||
|         padding: 0; | ||||
|         width: max-content; // to increase size | ||||
|         width: unset; // to increase size | ||||
|         background: var(--background-secondary); // bugfix | ||||
|         & > div { | ||||
|           padding-left: @rounder; | ||||
|  | @ -62,6 +61,22 @@ div[aria-controls="analytics-tab"], | |||
| div[aria-controls="partner-tab"], | ||||
| { &: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 { | ||||
|   .horiz-tab(); | ||||
|   & > div:first-child { | ||||
|  |  | |||
|  | @ -63,9 +63,8 @@ div[class^="radioBar-"] { | |||
| 
 | ||||
| div[class^="card-"], | ||||
| div.bd-server-card { | ||||
|   .bd-server-header, | ||||
|   & > div[class^="header-"], | ||||
|   & > div[class^="cardHeader"] { | ||||
|   & > div[class*="header"], | ||||
|   & > div[class*="Header"] { | ||||
|     position: absolute; | ||||
|     top: 0; left: 0; | ||||
|     width: 100%; height: 100%; | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue