parsav  Diff

Differences From Artifact [08446e37b3]:

• File static/style.scss — part of check-in [00a6815988] at 2021-01-10 11:17:29 on branch trunk — add follow notices (user: lexi, size: 24886) [annotate] [blame] [check-ins using]

To Artifact [e23a7affc6]:

• File static/style.scss — part of check-in [8398fcda5a] at 2021-01-10 16:44:33 on branch trunk — add avatar panel (user: lexi, size: 25141) [annotate] [blame] [check-ins using]

   287    287   		grid-row: 1 / 2;
   288    288   		display: grid;
   289    289   		grid-template-columns: 1.1in 1fr;
   290    290   		grid-template-rows: max-content 1fr;
   291    291   		> .avatar {
   292    292   			display: block;
   293    293   			width: 1in; height: 1in;
   294         -			object-fit: contain;
          294  +			object-fit: cover;
   295    295   			grid-column: 1 / 2;
   296    296   			grid-row: 1 / 3;
   297    297   			border: 1px solid black;
   298    298   		}
   299    299   		> .id {
   300    300   			grid-column: 2 / 3;
   301    301   			grid-row: 1 / 2;
................................................................................
   526    526   	transition: 0.2s ease-out;
   527    527   	>.avatar {
   528    528   		grid-column: 1/2; grid-row: 1/2;
   529    529   		background: linear-gradient(to bottom, tone(-53%), tone(-57%));
   530    530   		img {
   531    531   			display: block; width: 1in; height: 1in; margin:0;
   532    532   			border-right: 1px solid tone(-65%);
          533  +			object-fit: cover;
   533    534   		}
   534    535   	}
   535    536   	>a[href].username {
   536    537   		display: block;
   537    538   		grid-column: 1/3;
   538    539   		grid-row: 2/3;
   539    540   		text-align: left;
................................................................................
   665    666   			padding-top: 0.12in;
   666    667   			background: linear-gradient(to right, tone(-50%), tone(-50%,-0.7));
   667    668   			border: 1px solid tone(-55%);
   668    669   			border-left: none;
   669    670   			text-shadow: 1px 1px 0 black;
   670    671   		}
   671    672   	}
   672         -
          673  +	img.avatar.big {
          674  +		display:block;
          675  +		width: 70%;
          676  +		height: auto;
          677  +		margin: 0.2in auto;
          678  +		border: 1px solid tone(-45%);
          679  +		border-top-color: tone(-40%);
          680  +		border-bottom: 2px solid tone(-60%);
          681  +		object-fit: cover;
          682  +		border-radius: 3px;
          683  +	}
   673    684   }
   674    685   
   675    686   hr {
   676    687   	border: none;
   677    688   	border-top: 1px solid tone(-30%);
   678    689   	border-bottom: 1px solid tone(-55%);
   679    690   }